vue底層原理解析(雙向數據綁定)

1)通過建立虛擬dom樹document.createDocumentFragment(),方法創建虛擬dom樹

2)一旦被監測的數據改變,會通過Object.defineProperty定義的數據攔截,截取到數據的變化

3)截取到的數據變化,從而通過訂閱——發佈者模式,觸發Watcher(觀察者),從而改變虛擬dom的中的具體數據

4)最後通過更新虛擬dom的元素值,從而改變最後渲染dom樹的值,完成雙向綁定

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