vue專案中的遇到的坑和感悟
-
使用
keep-alive
包裹的元件/路由,開啟一次後created
只會執行一次,有兩種情況,一、如果要重新渲染部分資料,可以在activated
中做處理;二、路由/元件重新重新created,可以使用官方推薦的:key="key"
,然後去改變key
的值,元件就會重新掛載了 -
beforeRouteEnter
中的next函式的執行時間是在元件mounted
之後,因此需要在此處處理的資料要注意了 -
網頁重新整理時vuex資料會丟失,需配合
localStorage
或sessionStorage
使用,把必須資料先存後取 - 對於許可權及不確定路由,可以使用addRoutes(),可以避免抖動
- 熟練使用es6的陣列map、find、filter等方法,對解構賦值、class繼承、promise,及es7中的async和await
-
使用
computed
替代watch
,computed
依賴於data
屬性的更改,是有快取的 - 待續...
在開發過程中,條條大路通羅馬,但是要考慮哪條路是最優路徑。如何少寫冗餘程式碼,優化效能,才是我們需要考慮的。