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