受現代 JavaScript 的限制,Vue.js 不能檢測到對象屬性的添加或刪除。因為 Vue.js 在初始化實例時對屬性執行 getter/setter 轉化過程,所以屬性必須在 data 對象上才能讓 Vue.js 轉換它,才能讓它是響應的。
Vue不允許在已經創建的實例上動態添加根級響應式屬性(root-level reactive property)。
可以使用:
Vue.set(object, key, value)方法將響應屬性添加到嵌套的對象上:
eg: Vue.set(vm.someobject, 'b', 2)
eg: this.$set(this.someObject, 'b', 2)
vm.$set 實例方法,這是全局Vue.set 方法的別名