[TOC] ### vuex的適用場景以及簡單理解 ### vue-router原理 ### 虛擬dom diff算法原理 ### vue生命周期created 以及mounted的適用問題 ### 單頁以及多頁的使用 ### 雙向數據流以及單向數據流的使用場景 作為常識要知道雙向數據流是組件內，組件之間是不會建議雙向數據流的。那么剩下的就描述下雙向單向的特點以及為什么是這樣的。 雙向數據流是指頁面的數據與js內存中的數據可以互相影響，雙向流動，最常見是表單元素的值，那么在組件內使用雙向數據流主要是為了便利性，方便數據的讀寫以及相關操作，而不用自己在額外寫對應的代碼。而vue內部一些控件實現了雙向數據流實際是針對表單元素寫的一個語法糖，當你觸發change事件的時候，設置其綁定的值。 而單向數據流一般是用于組件之間，或者vux的模塊之間，這樣設計主要是為了： 1 避免組件之間的互相傳遞影響，因為組件內的數據和組件外的數據同時雙向綁定，會造成數據的多來源、多響應，還會導致不必要的數據改變。 2 數據的單向數據流也是為了分析業務流，數據流向，進行統一的基于應用的一些數據管理。 ### 雙向綁定的原理簡析 ### v-for指令針對每個循環項目添加key是為了什么 首先知道vue核心是虛擬dom以及dom對比的diff算法，那么如果不進行key設置的話，其尋找對應的元素會比較費時，計算比較復雜，而key的作用就是為虛擬dom的節點添加標識，在其尋找以及渲染的時候能更快的定位虛擬節點。具體的可以參考一篇文章：[vue v-for key的作用](https://www.cnblogs.com/zhumingzhenhao/p/7688336.html) > 官網的說法 ： > 當Vue更新使用的元素列表時v-for，默認情況下它使用“就地補丁”策略。如果數據項的順序已更改，則Vue將移動DOM元素以匹配項的順序，而不是就地修補每個元素，并確保它反映應該在該特定索引處呈現的內容。這類似于track-by="$index"Vue 1.x中的行為。 > 此默認模式是有效的，但僅在列表呈現輸出不依賴于子組件狀態或臨時DOM狀態（例如，表單輸入值）時才適用。 > 為Vue提供一個提示，以便它可以跟蹤每個節點的標識，從而重用和重新排序現有元素，您需要key為每個項目提供唯一屬性。理想的值key是每個項目的唯一ID。這個特殊屬性與track-by1.x中的粗略等價，但它的作用類似于屬性，因此您需要使用v-bind它將其綁定到動態值（在此使用速記） ### 高階組件 ### vue使用進階時考慮的問題