vue高階（六）

qq_35635260發表於2020-10-09
Vue

Vue效能優化

編碼階段

  1. 儘量減少data中的資料，data中的資料都會增加getter和setter，會收集對應的watcher；
  2. v-if和v-for不能連用；
  3. 如果需要使用v-for給每項元素繫結事件時使用事件代理；
  4. SPA 頁面採用keep-alive快取元件；
  5. 在更多的情況下，使用 v-if 替代 v-show ；
  6. key保證唯一；
  7. 使用路由懶載入、非同步元件；
  8. 防抖、節流；
  9. 第三方模組按需匯入；
  10. 長列表滾動到可視區域動態載入；
  11. 圖片懶載入。

相關文章