vue更新数组时触发视图更新方法（vue中数组发生变化但视图没有更新）

在Vue.js中，使用数组的时候，有一些方法可以触发视图的更新，这些方法有：

1：push()：向数组末尾添加一个或多个元素。

this.array.push('new value');

2：pop()：从数组末尾删除一个元素。

this.array.pop();

3：shift()：从数组开头删除一个元素。

this.array.shift();

4：unshift()：向数组开头添加一个或多个元素。

this.array.unshift('new value');

5：splice()：从数组中添加或删除元素。

this.array.splice(2, 1, 'new value'); // 从第2个位置删除一个元素，并添加一个元素

6：sort()：对数组进行排序。

this.array.sort((a, b) => a - b); // 对数组进行升序排序

7：reverse()：对数组进行反转。

this.array.reverse(); // 反转数组

请注意，直接修改数组中的元素，例如 arr[1] = 'new value'，并不会触发视图的更新。如果需要，在这种情况下，可以使用Vue.set 或者 Array.prototype.splice 方法进行更新。Vue.set 方法用于在数组中添加或删除元素并触发视图更新，Array.prototype.splice 方法也是一种修改数组并触发视图更新的方法。

如果需要使用Vue.set方法在数组中添加或删除元素，可以使用以下代码

this.$set(this.array, index, 'new value'); // 在数组index位置添加一个元素
this.$delete(this.array, index); // 删除数组index位置的元素

注意，在使用Vue.set方法时，需要使用this.$set，而不是Vue.set。