用于手動讓vue實現動態綁定數據

如果我們在創建實例以后，再在實例上綁定新屬性，vue是無法進行雙向綁定的。
比如：

?

var data = {name: "zeller",age: '20', } var key = 'content'; var vm = new Vue({el:'#app',data: data }); data.sex = 'male'；

sex屬于data的一個新屬性，而vue的原理是，在創建實例的時候，遍歷data里的值，監聽'getter'和'setter'方法，一旦這些值更新了，就去觸發對應的視圖更新。

而sex并不是vue實例化的時候擁有的屬性，所以我們新增這個屬性，vue并沒有對他的setter和getter方法進行監聽，因此無法實現雙向綁定

此時如果使用this.$set的話，vue就會對它進行雙向綁定了。

?

methods:{setSex: function(){this.$set('sex','male')} }

作者：Aleph_Zheng
鏈接：https://www.jianshu.com/p/e58f099c9133
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

總結

以上是生活随笔為你收集整理的vue的this.$set的作用的全部內容，希望文章能夠幫你解決所遇到的問題。

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