在 Vue 中，当 data 选项中的属性是数组时，Vue 是如何实现对其变化的检测的？请说明其内部机制以及可能存在的限制。
考察说明
考察对 Vue 响应式系统中数组劫持机制的理解，包括重写数组方法的方式及不足之处。
回答思路
- 【回答框架 1】Vue 2 中，对于数组，无法通过 Object.defineProperty 监听索引变化，因此 Vue 通过重写数组的原型方法（如 push、pop、shift、unshift、splice、sort、reverse）来实现响应式。具体做法是创建了一个数组方法拦截器，覆盖这些方法，在调用时触发依赖更新。
- 【回答框架 2】除了重写方法，Vue 还会对数组中的每一项进行 observe，使其变成响应式对象。但通过索引直接赋值（如 arr[0] = newVal）和修改 length（如 arr.length = 0）无法被检测，这是 Vue 2 响应式的一个限制。
- 【回答框架 3】Vue 3 使用 Proxy 实现响应式，可以代理整个数组，包括索引访问、赋值和 length 修改，因此这些限制被消除。同时，Vue 3 也保留了对数组方法的支持，但底层机制不同。
- 【回答框架 4】在实际开发中，对于 Vue 2，若需通过索引修改数组，应使用 Vue.set 或 splice 等方法；对于 length 修改，也应使用 splice。Vue 3 则可以直接修改索引，但推荐使用 ref 或 reactive 声明数组。
- 【关键点 1】Vue 2 通过重写数组方法（如 push、splice）实现响应式，但无法检测索引赋值和 length 修改。
- 【关键点 2】Vue 2 会对数组内部元素进行 observe，但新增元素需通过响应式方法添加才会被处理。
- 【关键点 3】Vue 3 使用 Proxy 代理数组，可直接检测索引和 length 变化。
- 【易错点 1】误认为 Vue 2 中直接修改数组索引可以触发更新，实际不会，需使用 Vue.set 或 splice。
- 【易错点 2】忽略数组方法重写对性能和兼容性的影响，如某些环境可能不支持。
- 【易错点 3】混淆 Vue 2 和 Vue 3 的响应式原理，导致在 Vue 3 中仍使用 Vue.set 造成冗余。