9.01雙向數據綁定和單向數據綁定

1.react實現的就是單向數據綁定。通過數據流就可以顯示出來。
在這裏插入圖片描述
2.雙向數據流
在這裏插入圖片描述 對於非UI控件來說不存在單向雙向,只有UI空間纔有單向和雙向。雙向綁定在一些需要實時反應用戶輸入的場合會非常方便(比如表單提交)。雙向綁定=單向數據綁定 + UI事件監聽。在底層實現雙向數據綁定用到:Object.defineProperty()。 其中:用到訪問器屬性:setter()和getter(),使用訪問器屬性的常規方式,即設置一個屬性的值會導致其他屬性發生變化。 雙向綁定的原生方法:https://blog.csdn.net/qq_34035425/article/details/82499820 3.區別 雙綁跟單向綁定之間的差異只在於,雙向綁定把數據變更的操作隱藏在框架內部,調用者並不會直接感知。 單向綁定相應地使得數據流也是單向的,而在踐行單向數據流的 Vuex 中,其實不過是在全局搞了一個單例的事件分發器 (dispatcher),開發者必須顯式地通過這個統一的事件機制做數據變更通知。