vue雙向綁定原理

vue的雙向綁定原理是通過Object.definedProperty實現的,但最主要的是需要監聽到數據屬性變化之後去通知改變view,大致的邏輯如下:

 

一開始new Vue初始化observe和compile,通過Object.definedProperty監聽數據,compile負責協調判斷vue的指令種類並對視圖進行更新,compile增加watcher,將更新視圖的回調函數傳入watcher中。watcher加入改變的屬性訂閱者,observe監聽到後notify相應的訂閱者去處理,dep再調用更新屬性的update方法,watcher觸發update執行run後執行回調函數render view。

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