Vue響應(yīng)式原理/雙向數(shù)據(jù)綁定

一句話概括：
采用數(shù)據(jù)劫持結(jié)合發(fā)布-訂閱模式,通過 Object.defineproperty 來劫持各個屬性的 setter,getter,在數(shù)據(jù)變動時發(fā)布消息給訂閱者,觸發(fā)響應(yīng)的監(jiān)聽回調(diào)。
具體實現(xiàn)：
1.為每個vue屬性用Object.defineProperty()實現(xiàn)數(shù)據(jù)劫持，為每個屬性分配一個訂閱者集合的管理數(shù)組dep；
2.然后在編譯的時候在該屬性的數(shù)組dep中添加訂閱者，v-model會添加一個訂閱者，{{}}也會，v-bind也會；
3.接著為input會添加監(jiān)聽事件，修改值就等于為該屬性賦值，則會觸發(fā)該屬性的set方法，在set方法內(nèi)通知訂閱者數(shù)組dep，訂閱者4.數(shù)組循環(huán)調(diào)用各訂閱者的update方法更新視圖。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容