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

前面已經介紹的都是Vue源碼的一下細節,這一篇是對前面的一個總結以及梳理。ide

具體的一下細節,能夠看前面的文章。函數

在執行new Vue()後,Vue先初始化數據:生命週期

initLifucycle :規格化 option && 初始化屬性事件

initEcents :把父組件在子組件上綁定的自定義事件傳遞到子組件中源碼

beforeCreated :執行生命週期函數it

initJections:讀取 jections 若是有的話io

initStates:初始化 props 、methods、data 、computed 、watch編譯

initProvide:初始化 provide模板

created:執行生命週期函數渲染

模板編譯 :把模板編譯成渲染函數

beforeMount :執行生命週期函數

Watcher 渲染函數:當渲染函數裏面的數據變化會通知 Watcher 實例更新

mounted :掛載實例 替換 el

到此頁面就已經渲染到頁面上。接下來就是當數據更新時,更新DOM,以及卸載實例。

相關文章
相關標籤/搜索