VUE数据更新视图不更新的原因

当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue
当你修改数组的长度时，例如：vm.items.length = newLength

数组更新只能通过以下方法push()pop()shift()unshift()splice()sort()reverse()

如果想直接通过下标修改数组的话，就需要使用vm-set 方法来通知vue你更新了这个数组。

vm.$set( target, key, value )

 

Vue.set(vm.obj,'k1','v1')

 

this.$set(this.obj,'k1','v1')

 

this.obj = Object.assign({}, this.obj)

 

this.obj = Object.assign({}, this.obj,{'k1','v1'})

另外：实例被创建时 data 中存在的属性才是响应式的