动态

列表
创建 时间

vue雙向數據綁定原理圖(簡易)

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