Vue源碼2.x.x之總體梳理

前面已經介紹的都是Vue源碼的一下細節,這一篇是對前面的一個總結以及梳理。
具體的一下細節,可以看前面的文章。
在執行new Vue()後,Vue先初始化數據:

initLifucycle :規格化 option && 初始化屬性
initEcents :把父組件在子組件上綁定的自定義事件傳遞到子組件中
beforeCreated :執行生命週期函數
initJections:讀取 jections 如果有的話
initStates:初始化 props 、methods、data 、computed 、watch
initProvide:初始化 provide
created:執行生命週期函數
模板編譯 :把模板編譯成渲染函數
beforeMount :執行生命週期函數
Watcher 渲染函數:當渲染函數裏面的數據變化會通知 Watcher 實例更新
mounted :掛載實例 替換 el
到此頁面就已經渲染到頁面上。接下來就是當數據更新時,更新DOM,以及卸載實例。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章