Vue2中无法检测到数组变动怎么解决

今天小编给大家分享一下Vue2中无法检测到数组变动怎么解决的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

解决方法

由于JavaScript 的限制，Vue 不能检测以下数组的变动：

当利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue

当修改数组的长度时，例如：vm.items.length = newLength

官方文档中对于这两点都是简要的概括为“由于JavaScript的限制”无法实现，而Object.defineProperty是实现检测数据改变的方案，那这个限制是指Object.defineProperty吗？

其实原因并不是因为Object.defineProperty()存在漏洞，而是出于性能问题的考虑。 Object.defineProperty 在数组中的表现和在对象中的表现是一致的，数组的索引就可以看做是对象中的 key 。

通过索引访问或设置对应元素的值时，可以触发 getter 和 setter 方法

通过 push 或 unshift 会增加索引，对于新增加的属性，需要再手动初始化才能被 observe 。

通过 pop 或 shift 删除元素，会删除并更新索引，也会触发 setter 和 getter 方法。

所以， Object.defineProperty 是有监控数组下标变化的能力的，只是vue2.x放弃了这个特性。

Object.property是可以检测到通过索引改变数组的操作的，而Vue没有实现。那我们看看源码：

Vue3.0中则用proxy代替了Object.defineProperty()解决了其存在的问题

以上就是“Vue2中无法检测到数组变动怎么解决”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注亿速云行业资讯频道。

推荐内容：浪潮存储无法检测到wwn

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：[email protected]进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。