1. 刪除數組中的對象this.$delete
Vue.delete(obj, keyOfItem)
2. 改變數組的對象
this.$set(obj, keyOfItem, newValue)
3. 數組對象直接修改屬性,可以觸發視圖更新
this.array[0].show = true; this.array.forEach(function(item){ item.show = true; });
4.用Object.assign或lodash.assign可以為對象添加響應式屬性,可以觸發視圖更新
//Object.assign的單層的覆蓋前面的屬性,不會遞歸的合並屬性 this.obj = Object.assign({},this.obj,{a:1, b:2}) //assign與Object.assign一樣 this.obj = _.assign({},this.obj,{a:1, b:2}) //merge會遞歸的合並屬性 this.obj = _.merge({},this.obj,{a:1, b:2})
5.splice方法修改數組,可以觸發視圖更新
this.array.splice(indexOfItem, 1, newElement)