模組化
封裝成元件，減少**冗餘，每個元件有明確含義，復用性越高越好，可配置性越高越好，包括css。
for迴圈設定key
迴圈時新增key，便於呢行**更好找到該條資料，新舊值相比時可以更快的定位到diff。
路由懶載入
首屏渲染時能夠加快渲染速度
避免記憶體洩漏
使用過後的全域性變數在元件銷毀後重新置為null。
keep-alive
對元件進行快取，節省效能。
v-if 和 v-show
看場景，自行選擇
減少watch的資料
資料變化量大的時候會有卡頓現象,可以換換computed
修改vue-config-index.js配置項
把productionsourcemap設定為false（否則會生成map檔案，像未加密的**一樣，準確的輸出是哪一行哪一列有錯）；
把productiongzip設定為true，開啟gzip壓縮，使打包過後體積變小。
使用cdn載入外部資源；
比如vue-router、axios等vue的周邊外掛程式，在webpack.config.js裡面，externals裡面設定一些不必要打包的外部引用模組。然後在入門檔案index.html裡面通過cdn的方式去引入需要的外掛程式。
減少使用，使用雪碧圖（多個icon在一塊）或css樣式；
按需引入
console語句過濾
webpack.config.js的 plugins 裡面加上
new webpack.optimize.uglifyjsplugin(
})
new uglifyjsplugin(
},sourcemap: config.build.productionsourcemap,
parallel: true
}),
Vue之效能優化
一 原始碼優化 1 模組化，咱們可以把很多常用的地方封裝成單獨的元件，在需要用到的地方引用，而不是寫過多重複的 每乙個元件都要明確含義，復用性越高越好，可配置型越強越好，包括咱們的css也可以通過less和sass的自定義css變數來減少重複 2 for迴圈設定key值，在用v for進行資料遍歷渲...
Vue之效能優化
小編這一期跟大家講一下關於優化vue效能相關的知識，vue眾所周知，是乙個輕量級的框架，原始碼僅僅為72.9kb，但是也有它自己的缺點，就是首屏載入會比較慢，因為和傳統專案相比，vue會在首屏載入的時候載入出所有的元件和外掛程式，並且向伺服器請求資料，導致可能有時候首屏載入的時間就會到4 5秒的樣子...
vue效能優化之keep alive
路由被切換的時候會重新傳送ajax請求。mounted鉤子函式會被重新執行 vue自帶標籤 kepp alvie keep alvie 路由內容載入一次後，就把路由內容放在記憶體中 相當於cookie 下次載入的時候就不用傳送ajax請求了 當我們需要重新傳送ajax請求時 當我們使用keep al...