VUE專案效能優化(VUE10)

2021-10-06 22:36:03 字數 540 閱讀 8347

1.不要講所有的資料都放在data中,data中的資料都會增加getter和setter,會收集對應的watcher

2.v-if和v-for不能連用

3.vue在使用v-for給每項元素繫結事件時使用事件**

4.spa 頁面採用keep-alive快取元件

5.v-if當值為false時內部指令不再執行,具有阻斷功能,在更多的情況下,使用v-if替代v-show

6.key保證唯一性(預設vue會採用就地復用策略)

7.data中部分資料用:object.freeze凍結資料

8.合理使用路由懶載入、非同步元件

9.盡量採用runtinue執行時版本

10.資料持久化問題(防抖、節流)

1.第三方模組按需匯入(babel-plugin-component)

2.滾動到可視區域動態載入(

3.懶載入(

1.預渲染外掛程式 prerender-spa-plugin

2.服務端渲染ssr

1.客戶端快取、伺服器快取

2.伺服器gzip壓縮

vue1 0學習總結

使用vue已經有 三 四個月了,但是只是學著使用了一些基本方法。因為現在的前端框架越來越多 angular,react.但是我相信萬變不離其宗,很多用法框架之間還是想通的,所以借總結的vue的機會深入了解vue到每個細節,以後能更加熟練地使用vue,有機會也能在別的框架中體會相通的思想。指令 com...

Vue1 0學習筆記

vue生命週期 鉤子函式 created 例項已經建立 beforecompile 編譯之前 compiled 編譯之後 ready 插入到文件中 beforedestroy 銷毀之前 destroyed 銷毀之後 new vue methods created function created f...

vue 1 0基本了解

一 基本結構 基本結構 js 1.路由需要準備乙個跟元件 2.定義元件 var home vue.extend varlist vue.extend var item vue.extend 3.建立路由例項 var router new vuerouter 4.關聯 定義路由規則 router.ma...