javascript - 由于 JavaScript 的限制，Vue 无法检测数组的更改。有什么限制？

Question

Acording to Vue.js Guide

Due to limitations in JavaScript, Vue cannot detect the changes to an array

有人知道有什么限制吗？

为什么 Vue 可以检测到对象的变化，但不能检测到数组的变化？

Answer 1

正如您在下面的“对象更改检测警告”中所看到的，Vue 没有使用 Proxy 来检测更改(可能是由于缺乏浏览器支持)，而是使用 getter & setters:

 const example = {
  get value() { return this._value; },
  set value(v) {
   this._value = v;
   console.log("change detected");
  }
};

example.value = "test"; // change detected
example.unknown = "test"; // silence

现在无法检测其他属性，因为它必须向每个可能的键添加 getter 和 setter，这是不可能的。它也无法检测到删除

 delete example.value;

还会删除 setter，而没有任何方法可以检测到这一点。

对于数组来说是一样的，理论上你可以为每个可能的索引创建一个 getter/setter 对，但这并不能真正扩展。相反，Vue Hook 到更改数组的方法，该方法适用于所有索引。