Vue的v-for能监测到哪些数组方法变化, 更新页面

Vue 的 `v-for` 指令可以自动侦听数组的变化并更新 DOM。Vue 实例监听的变化是基于 JavaScript 的对象观察者机制实现的，当数组发生变化时，它将触发观察者的更新过程，从而更新页面。

Vue 可以监测到以下数组方法的变化：

- `push()`: 在数组末尾添加一个或多个元素。
- `pop()`: 移除并返回数组的最后一个元素。
- `shift()`: 移除并返回数组的第一个元素。
- `unshift()`: 在数组开头添加一个或多个元素。
- `splice()`: 在任意位置添加、删除或替换元素。
- `sort()`: 对数组进行排序。
- `reverse()`: 颠倒数组中元素的顺序。

这些数组方法都会触发更新，从而重新渲染 `v-for` 所循环的元素。需要注意的是，使用 `filter()`、`concat()` 等数组方法不会触发更新，因为它们不会修改原始数组。如果需要使用这些方法，可以将其结果赋值给一个新数组，然后将其赋给响应式数据，从而触发更新。