zhangjinpei -
vue雙向數據綁定原理圖(簡易)
雙向數據綁定的概念,相信大家都耳熟能詳,簡單來説,數據變化更新視圖,視圖變化更新數據。為了實現這一效果,在 Vue 中,採用了 數據劫持結合發佈訂閲者模式 的方式來實現。
通過 Object.defineProperty() 實現數據劫持,監聽數據的變化。
通過 發佈者Dep() 訂閲者Watcher 實現發佈訂閲者模式,達到視圖與數據之間相互更新的解耦。
關於如何實現一個簡單的數據雙向綁定,網上
vue.js
,
雙向綁定
,
mvvm