Vue.js 技術揭秘（學習） vue流程

new Vue()

　　_init()

　　　　mergeOptions

　　　

$watch --> new Watch

　　　

 

vm._render　　生成VNode

　　create diff patch

vm._update　　渲染VNode

　　createElm

 

vue組件更新

　　數據變化時，觸發 渲染watcher的回調函數，進而執行組件的更新過程

　　new Watcher 

　　updateComponent

　　　　vm._update　　vm._render()--> vnode

　　　　　　vm.__patch__

 

　　新舊節點不同

　　　創建新節點--> 更新占位符節點 --> 刪除糾結點　

　　　　　　

 編譯

　　runtime+ compile

　　　　Vue.prototype.$mount（沒有render時重寫）