vue項目中的遇到的坑和感悟

1. 使用keep-alive包裹的組件/路由，打開一次後created只會執行一次，有兩種狀況，1、若是要從新渲染部分數據，能夠在activated中作處理；2、路由/組件從新從新created，可使用官方推薦的:key="key" ，而後去改變key的值，組件就會從新掛載了
2. beforeRouteEnter中的next函數的執行時間是在組件mounted以後，所以須要在此到處理的數據要注意了
3. 網頁刷新時vuex數據會丟失，需配合localStorage或sessionStorage使用，把必須數據先存後取
4. 對於權限及不肯定路由，可使用addRoutes()，能夠避免抖動
5. 熟練使用es6的數組map、find、filter等方法，對解構賦值、class繼承、promise，及es7中的async和await
6. 使用computed替代watch，computed依賴於data屬性的更改，是有緩存的
7. 經過props傳遞的值，不要在子組件去更改。開發中，若是直接更改props，1、基本類型的值會報錯，2、引用類型的值不會報錯，可是很差去追溯數據的更改，不少人不太注意引用類型，可經過computed或watch去更改
8. 在data裏調用methods的方法，能夠在data裏定義let self = this，而後在使用self.xx()進行調用

在開發過程當中，條條大路通羅馬，可是要考慮哪條路是最優路徑。如何少寫冗餘代碼，優化性能，纔是咱們須要考慮的。

---

始於2019.05.08，天天進步一點點，持續更新···