vue响应式4种特殊情况

1 数组和对象

数组

数组正常情况

数组自身发生修改的api
push、pop、shift、unshift、splice、sort、reverse

数组自身没有改变的api无效
filter、concat、slice

数组不能监测到的情况

1 arr[0] = 123

解决办法为：

// 将数组arr中索引值为2的元素，替换成7
arr.splice(2, 1, 7)

2 arr.length = 10

没有办法

对象不能监测到的情况

1 添加属性 obj[‘key’] = value

解决办法为：

// this.$set(被操作的对象, '属性名', '属性值')
this.$set(this.tempObj, 'pwd', 'pwdVlaue')

2 删除属性 delete obj[‘key’]

解决办法为：

// this.$delete(被操作的对象, '属性名')
this.$delete(this.tempObj, 'uname')