Vue 框架中怎么监听数组的变化？

Vue 框架中通过使用 Vue.set() 来监听数组的变化。Vue.set() 是一个实例方法，它接受三个参数：要修改的对象，要设置的属性名或者数组索引，以及新的值。Vue.set() 方法会将新值设置到对象中，同时也会触发视图更新。Vue.set() 方法会深度观测数组，因此可以监听数组的变化。

例如，假设我们有一个数组：

var arr = [1, 2, 3];

要添加一个新的元素到数组末尾，我们可以使用 Vue.set() 方法：

Vue.set(arr, arr.length, 4);

这样，新的元素 4 就会被添加到数组末尾，而且视图也会随之更新。

Vue.set() 方法还可以用来替换数组中的元素：

Vue.set(arr, 0, 4);

这样，数组中的第一个元素就会被替换成 4，视图也会随之更新。

另外，Vue.set() 方法还可以用来添加新的属性到一个对象中：

var obj = {
name: ‘John’
};

Vue.set(obj, ‘age’, 20);

这样，obj 对象就会多出一个 age 属性，而且视图也会随之更新。

总之，Vue.set() 方法可以用来监听数组的变化，它会深度观测数组，可以监听到数组的变化，从而触发视图的更新。