用vue寫(xiě)了兩個(gè)項(xiàng)目掏父,想寫(xiě)的東西淆储,沒(méi)有任何邏輯冠场,想到什么就寫(xiě)什么
1、axios
????第一本砰,axios怎么發(fā)送請(qǐng)求看API就行了
????第二碴裙,我想說(shuō)的是關(guān)于axios中的this問(wèn)題,要想在axios內(nèi)部讓this代表vue實(shí)例点额,需要在axios之? ? ? ? ? ? ? ? ? ?前先聲明舔株,比如 let that = this;that就代表了vue實(shí)例
????第三,默認(rèn)設(shè)置还棱,在實(shí)例中引用axios時(shí)载慈,可加上axios的一些設(shè)置,如下:
? ? ? ? ? ? ? ?import axios from "axios"
? ? ? ? ? ? ? ?axios.default.header.post["content-Type"] = "application/json"
2珍手、內(nèi)存問(wèn)題
? ? ? 這個(gè)問(wèn)題主要是在有雙工通信的情況存在時(shí)办铡,比如 MQTT,WebSocket 有主動(dòng)推送消息接收? ? ? ? ? ? ? 最好用data屬性定義,然后接收琳要,不要直接用 let 或 var直接接收寡具,長(zhǎng)時(shí)間推送內(nèi)存肯定會(huì)爆。
3稚补、改變背景圖片
????直接用img的js方法沒(méi)有效果童叠,可通過(guò)class-style綁定形式,改變data數(shù)據(jù)值(true/false)來(lái)改變? ? ? background
4课幕、click事件獲取本身DOM節(jié)點(diǎn)方法
????標(biāo)簽定義:@click($event)?
????函數(shù)中獲取:$event.target就代表click事件自身DOM節(jié)點(diǎn)
5厦坛、webpack配置
? ? 改兩個(gè)地方然后甩給后臺(tái)就可以運(yùn)行了
? ? 第一五垮,config文件夾下的index.js文件build對(duì)象的assetsPublicPath項(xiàng)
? ?原始:assetsPublicPath:"/",
? ? 改為:assetsPublicPath:"./",
? ? 多了一個(gè)點(diǎn),主要是打包后能跑杜秸,要不然后臺(tái)跑不起來(lái)
? ? 第二拼余,在build文件夾下utils.js中加一行代碼;
? ? 在 if(options.extract){
? ? ? ? return ExtractTextPlugin.extract({
? ? ? ? ? ? use:loaders,
? ? ? ? ? ? fallback:"vue-style-loader,
? ? ? ? ? ? publicPath:"../../"? ?//新添加部分亩歹,為了加載圖片的
? ? ? ? })
????}
? ??
? ??