『壹』 vue頁面顯示伺服器繁忙
你好，如果出現vue頁面顯示伺服器繁忙，可能有以下原因：1.網路延遲問題2.資源文件是否太大3.資源是否重復發送和載入了請求4.載入腳本時，渲染內容堵塞了［拓展知識］解決方案常見的幾種SPA頭屏優化方式：減少入口文件的面積，開啟UI框架按需載入、圖像資源壓縮、組件重新打包、GZip壓縮等等。
［拓展知識］
vue是一套用於是一套用於構建用戶界面的漸進式JavaScript框架。
『貳』 網路異常連接如何處理
為了有效避免網路連接不穩定的故障，我們最好使用質量比較好的網路連接線纜，而且要控制好網路線纜的傳輸距離，不要讓網路線與高壓線纜、通信線纜相互纏繞在一起，因為線纜質量的好壞、傳輸距離的遠近以及受外界信號干擾程度的高低，都有可能導致網路連接不穩定。
『叄』 vue 頁面空白問題總結
頁面空白我遇到的就如下幾種情況
1.路由異常，
一般是next()函數沒有被執行
不執行的原因就是在 beforeEach 里
a.if判斷的某個分支讓它沒有走next()
b.某個異常跳出導致沒有執行
c.網路請求 只處理了then的情況，沒有處理catch情況
2.html渲染報錯，常見的就是key相同了
3.js解析報錯，常見的es6語法在某些手機里不支持，特別是對象擴展符(...),promise的finally不支持等等。
4.網路請求異常導致的， 特別是 跨域請求異常 導致的，經常出現這個情況
『肆』 網路異常連接如何處理
1、網路被蹭
當路由器無線網路被蹭的時候，無線連接人數多或者區域網有人進行下載，而佔用了帶寬，就會導致電腦上網速度不穩定。
排查方法：路由器後台中，「無線設置」 》》 「主機狀態」查看幾台電腦進行上網，是否有陌生設備接入無線網路。
建議：在路由器後台中設置WPA-PSK/WPA2-PSK AES加密，無線密碼建議數字+字母形式組合，盡可能復雜一些。
2、運行大流量應用
當電腦當中有大流量的應用進行下載、玩游戲或者在線視頻，此外還有一些P2P軟體會偷網，這樣救護佔用較大寬頻，最終導致電腦上網速度慢、不穩定。
建議：如果電腦或者移動設備比較多，那麼最好在無線路由器後台設置IP帶寬控制，合理為每台電腦或者設備分配帶寬。
3、病毒木馬
區域網的電腦存在病毒或者木馬，可能木馬病毒存在偷網、上傳寬頻的情況。
建議：可以嘗試通過殺毒軟體查殺電腦病毒。
4、線路問題
如果使用網線與電腦直連，經過測試有線上網速度依然不正常，和無線網路一樣存在不穩定的情況。
建議：連接寬頻服務商檢查線路問題。
5、路由器發熱
路由器發熱會影響網速！無線路由器長期不關機，尤其是夏季，出現發熱大的情況，那麼也會出現網路不穩定的現象。
建議：將路由器關機一段時間，再進行開機使用，最好將路由器放置在通風較好的地方。
6、無線干擾
①、減少距離及障礙物：
如果您的手機或者筆記本與無線路由器之間距離太遠，又或者中間需要經過牆面等障礙物，那麼就會導致無線信號衰減很大，無線網路速度不穩定的情況，所以盡量減少距離與避免障礙物。
②、降低無線干擾：
無線路由器盡可能遠離無繩電話、微波爐、手機藍牙、無線鍵盤滑鼠等無線設備干擾。
③、修改無線信道：
環境中眾多的無線信號，如果工作在相同的無線信道，會產生無線干擾導致速度不穩定。解決辦法：在路由器後台中是掃描周圍環境，在路由器上選擇周圍環境中最少的信道。
『伍』 vue生產模式提示一直存在
網路的問題。vue生產模式提示一直存在多數是網路連接異常導致。
1、首先打開電腦檢查網路。
2、其次打開生產模式進行測試網路連接是否異常。
3、最後點擊vue生產模式進入即可恢復正常。
『陸』 yarn 安裝vue依賴顯示網路超時超時問題
使用 yarn install 安裝vue項目依賴時出現網路連接問題如下：
查閱資料之後發現可能是yarn的鏡像地址有問題，
可也看到鏡像是yarn官方鏡像地址，通過更換淘寶鏡像地址解決問題，
經過查閱如果是網路環境較差可以加上限制超時時間參數進行緩解，具體如下：
『柒』 Vue常見錯誤及解決方法:
Vue常見錯誤及解決方法:
1.[Vue-warn]: Missing required prop: "to"(found in component )
這個錯誤是少了個to或者是寫錯 ，正確寫法為：
並且路由在做字元串拼接的時候，to要作為一個屬性綁定
2.埠沖突錯誤：需要改埠，當然現在vue2.0中的webpack 已經自己會根據你的埠號進行改正，從8080往後面進
行遞增，不會發生埠號沖突的情況，在vue1.0中會經常出現。
3.[Vue-warn]:Unknown custom element: - did you register the component correctiy?
錯誤1：引進來的vue-router沒有use()
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter);
錯誤2：在生成路由實例之後，沒有將路由掛到我們的Vue實例上面
const router=new VueRouter({
mode:'history',//切換路徑模式，變成history模式,不然路徑為/#/home
scrollBehavior:()=>({ // 滾動條滾動的行為，不加這個默認就會記憶原來滾動條的位置
y:0
}),
// 注意這里的名稱
routes
});
new Vue({
/* 4.最後掛到vue上 */
router,
el: '#app',
render: h => h(App)
});
4.Uncaught TypeError: _vuex2.default.store is not a constructor
這個報錯的是_vuex2.default.store 不是一個構造函數
因為在我們用vuex的時候需要將用到的actions，mutations模塊最終導出，
在導出的時候new Vuex.Store中的Store小寫了，這里的一定要大寫，
就相當於我們在使用構造函數(類)的時候首字母要大寫
import mutations from './mutations. js '
import actions from './actions. js '
export default new Vuex.Store({ //Vue.Stroe()首字母大寫
moles:{ //這里注意mutations導出的是一個模塊
mutations
},
actions
});
5.Moudel not found:Error:Can't resolve "style" in 'D:\vue-demo'
在vue1.0中，在webpack.config.js中配置css文件時
mole:{
loaders:[
{
test:/\.css$/,
loader:'style!css'
}
]
}
在vue2.0中，在webpack.config.js中配置css文件時，必須要寫全，不能和vue1.0一樣簡寫
mole:{
rules:[ //這里改成了rules
{
test:/\.css$/,
loader:'style-loader!css-loader' //這里必須要寫全，不能和vue1.0一樣簡寫
}
]
}
6.組件之間的通信從1.0過渡到2.0時引發的錯誤：
vue1.0實現父子組件的通信 -->通過props屬性-->並且子組件可以更改父組件的數據 通過sync同步,
當在vue2.0裡面不允許直接給父級數據做更改,並且把這個方法.sync去掉了，
當子組件再試圖更改父組件的數據時，就會報錯。
解決方法：
1.$emit()——單一事件管理
經常遇到的問題是找不到$emit()或$on(),這時需要單獨准備一個文件Store.js
在文件裡面需要:var oEvent =new Vue();
這個這個文件里的數據一定要導出去才可以使用：export default oEvent
2.對象之間的引用：(推薦使用)
vue1.0傳數據：msg:'welcome' -->傳給子級
vue2.0直接將數據定義成對象json的形式，這樣傳給子級的數據是對象的屬性，即msg.title
這樣子級修改父級的數據，修改的也是這個對象的一個屬性msg.title
msg:{
title:'welcome'
}
msg.title
7.用vuex用來管理組件狀態：（增加/減少，顯示/隱藏）
8.axios目前不可以use，因為axios裡面沒有install這個方法
使用axios的時候，可以這樣來使用：
1.將axios導入文件
import axios from 'axios'
2.將axios放入到Vue實例上面，這樣在其他組件中，可以直接通過this.$https.get/post使用
在main.js中寫：Vue.prototype.$http = axios
其他組件可以直接使用：
this.$http.get('data.txt').then((res)=>{
console.log(res.data);
}).catch((err)=>{
console.log(err);
});
9.element.ui表頭點擊事件
使用element.ui之後 @click="" 無法對表頭等元素添加點擊事件，正確的寫法應該是@click.native=""
10.webpack2.0
插件的配置需要放到 plugins裡面進行配置，不可放到rules裡面進行配置