vue 不能监测数组长度变化length的原因

2021-07-13 01:07

阅读：585

标签：getter OLE 没有 index 原因 ros 遍历设置观察

由于 JavaScript 的限制，Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength

因为vue的响应式是通过 Object.defineProperty 来实现的，但是数组的length属性是不能添加getter和setter，所有无法通过观察length来判断。

如下代码，虽然看起来数组的length是10，但是for in的时候只能遍历出0, 1, 2，导致了只有前三个索引被加上了getter 和setter

var a = [0, 1, 2]
a.length = 10
// 只是显示的给length赋值，索引3-9的对应的value也会赋值undefined
// 但是索引3-9的key都是没有值的
// 我们可以用for-in打印，只会打印0,1,2
for (var key in a) {
 console.log(key) // 0,1,2
}

vue 不能监测数组长度变化length的原因

标签：getter OLE 没有 index 原因 ros 遍历设置观察

原文地址：https://www.cnblogs.com/mengfangui/p/9544181.html

上一篇：java线程的一些基础小知识

下一篇：Python库使用filetype精确判断文件类型

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：vue 不能监测数组长度变化length的原因
文章链接：http://soscw.com/index.php/essay/104418.html

亲，登录后才可以留言！

vue 不能监测数组长度变化length的原因

评论

热门文章

推荐文章

最新文章

置顶文章