1、路由懶加載
2、keep-alive緩存頁面
3、使用v-show復用DOM
4、v-for遍歷避免同時使用v-if（使用computed屬性過濾需要顯示的數(shù)據(jù)項 ）
5、長列表性能優(yōu)化
(1)如果列表是純粹的數(shù)據(jù)展示，不會有任何改變，就不需要做響應話, 使用object.freeze(data)
(2)如果是大數(shù)據(jù)長列表，可采用虛擬滾動，只渲染少部分區(qū)域的內(nèi)容，參考vue-virtual-scroller、vue-virtual-scroll-list
6、事件的銷毀 vue組件銷毀時，會自動解綁它的全部指令及事件監(jiān)聽，但是僅限于組件本身的限制
7、圖片懶加載
8、第三方插件按需引入 像element-ui這樣的第三方組件庫可以按需引入避免體積太大。
9、無狀態(tài)的組件標記為函數(shù)式組件
10、SSR
更多關于web前端培訓的問題，歡迎咨詢千鋒教育在線名師，如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問，獲取試聽資格來試聽我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門到精通。
京公網(wǎng)安備 11010802030320號