哪些情况
对象新增的属性没有响应式 (有一个对象,对象有个name和age,后续我新增xxx) 对象后续新增的key赋值
删除也不是响应式的,删除对象中某个属性
数组的部分操作没有响应式 通过索引修改数组内容
原因:
对象后续新增的key赋值,因为vue2通过Object.defineProperty去递归劫持的每一个属性,如果这些属性是后续新增的则不会被劫持到
通过索引修改数组内容, Object.defineProperty支持对数组的劫持,作者出于性能原因没有这样做
解决: this.$set,或者vue.set 删除解决方案this.$delete
vue3不会存在这些问题,proxy会代理整个对象,就无所谓这个属性是不是后续新增的了,对数组也不存在性能问题