前面已經介紹的都是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,以及卸載實例。