vue提升性能的幾種簡單方法：
1.vue異步組件實作懶加載
方法如下：component：resolve=>(require([‘需要加載的路由的地址’])，resolve)
2.使用ES6中的import引入組件
3.盡量使用v-if,減少使用v-show
4.組件拆分，頁面分為多個組件
5.使用keep-alive切換路由
6.使用vue-virtual-scroller組件加載內容過多的串列
7.v-for加唯一key
8.長串列使用this.list = Object.freeze(list);凍結資料
9.將樹形結構扁平化store資料結構，以免多次回圈遞回帶來性能開銷
10.v-for 中避免同時使用 v-if
11.圖片懶加載v-lazy
12.理解Vue的生命周期，不要造成內部泄漏，使用過后的全域變數在組件銷毀后重新置為null
13.修改vue.config.js中的配置項，把productionSourceMap設定為false，不然最終打包過后會生成一些map檔案，并且在生成環境是可以通過map去查看到原始碼的，這樣會造成原始碼泄漏，這里建議大家設定為false，productionGzip設定為true可以開啟gzip壓縮，使打包過后體積變小
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/244812.html
標籤：其他
上一篇：序結構