1. 程式人生 > >vue中 $set的使用

vue中 $set的使用

Vue 不能及時檢測物件屬性變化的解決辦法

在Vue的使用過程中,可能會遇到一種情況:
1. 當生成vue例項後,當再次給資料賦值時,有時候並不會自動更新到檢視上去;
2. 子元件的props資料不能與父元件傳遞的值實時保持一致。

受現代 JavaScript 的限制 (以及廢棄 Object.observe),Vue 不能檢測到物件屬性的新增或刪除。Vue 不能檢測以下變動的陣列:
1. 當你利用索引直接設定一個項時,例如: vm.item[index] = newValue
2. 當你修改陣列的長度時,例如: vm.items.length = newLength

可以使用Vue.set(object, key, value)this.$set(object, key, value)·