路由懶載入:有效拆分App尺寸,訪問時才非同步載入 keep-alive組件緩存:避免重覆創建組件實例,且能保留緩存組件狀態 使用v-show復用DOM:避免重覆創建組件 v-for遍歷避免同時使用v-if 長列表性能優化:如果是大數據長列表,可採用虛擬滾動(不會將所有內容渲染,只是把可是區域渲染), ...
-
路由懶載入:有效拆分App尺寸,訪問時才非同步載入
-
keep-alive組件緩存:避免重覆創建組件實例,且能保留緩存組件狀態
-
使用v-show復用DOM:避免重覆創建組件
-
v-for遍歷避免同時使用v-if
-
長列表性能優化:如果是大數據長列表,可採用虛擬滾動(不會將所有內容渲染,只是把可是區域渲染),只渲染少部分區域的內容
-
事件的銷毀:Vue組件銷毀時,會自動解綁它的全部指令以及事件監聽器,但是僅限於組件本身的事件。
-
圖片懶載入:對於圖片過多的頁面,為了加速頁面載入速度,所以很多時候我們需要將頁面內未出現在可視區域內的圖片先不做載入,等到滾動到可視區域後再去載入。