為什么會失效呢

首先

vue數據雙向綁定是通過數據劫持結合發布者-訂閱者模式的方式來實現的

實現方式是get和set方法

然后是通過Object.defineProperty()來實現數據劫持的。

然后呢要是，實現數據的雙向綁定，首先要對數據進行劫持監聽，因為寫的代碼沒有被監聽到，所以只能手動set?

this.$set(obj,key,value)

?查找的資料：

1.實現一個監聽器Observer，用來劫持并監聽所有屬性，如果有變動的，就通知訂閱者。2.實現一個訂閱者Watcher，可以收到屬性的變化通知并執行相應的函數，從而更新視圖。3.實現一個解析器Compile，可以掃描和解析每個節點的相關指令，并根據初始化模板數據以及初始化相應的訂閱器

大致流程，所以綁定失敗的時候多數是卡到了監聽。。。

總結

以上是生活随笔為你收集整理的vue双向绑定失效赋值失效的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。