vue2中哪些操作不是响应式的(数据变了,视图没有更新)

哪些情况

对象新增的属性没有响应式 (有一个对象,对象有个name和age,后续我新增xxx) 对象后续新增的key赋值

删除也不是响应式的,删除对象中某个属性

数组的部分操作没有响应式  通过索引修改数组内容

原因:

对象后续新增的key赋值,因为vue2通过Object.defineProperty去递归劫持的每一个属性,如果这些属性是后续新增的则不会被劫持到

通过索引修改数组内容, Object.defineProperty支持对数组的劫持,作者出于性能原因没有这样做

解决: this.$set,或者vue.set  删除解决方案this.$delete

vue3不会存在这些问题,proxy会代理整个对象,就无所谓这个属性是不是后续新增的了,对数组也不存在性能问题

 

你可能感兴趣的:(vue.js,前端)