vue2 如何监听数组的变化

在Vue 2中，底层是通过重写数组的原型方法来实现对数组变化的监听。具体来说，Vue 2使用了一个名为Observer的类来劫持数组的原型方法，使其在调用这些方法时能够触发相应的变化通知。

当Vue 2初始化一个响应式对象时，如果对象是一个数组，Vue会将数组的原型指向一个经过改造的Array原型对象。这个改造后的原型对象中重写了数组的一些常用方法，如push、pop、shift、unshift、splice、sort和reverse等。当调用这些方法时，Vue会在内部进行一系列的操作，包括触发变化通知、更新视图等。

具体来说，当调用数组的变异方法时（如push、pop、shift、unshift、splice、sort和reverse），Vue会执行以下步骤：

1. 调用原始的数组方法，对数组进行相应的变异操作。

2. 在执行变异操作后，Vue会触发一个通知，通知相关的依赖（如视图）进行更新。

3. 在通知的过程中，Vue会遍历数组的所有观察者（Observer）并调用它们的更新方法，以更新相关的依赖。

通过这种方式，Vue能够实时地捕获数组的变化，并及时更新相关的依赖，从而实现对数组的监听和响应。

需要注意的是，Vue 2只能监听到通过变异方法对数组进行的变化，而无法监听到直接修改数组某个元素或使用非变异方法（如filter、concat等）对数组进行的变化。如果需要监听这些非变异的数组变化，可以使用watch选项或$watch方法来手动监听数组的变化。