请简述Vue更新数组时触发视图更新的方法？

参考答案：

Vue.js 通过其响应式系统实现数据的双向绑定，当数据发生变化时，视图会自动更新。在 Vue 中，当数组被更改时，视图也会相应地更新。以下是一些可以触发 Vue 数组更新并导致视图更新的方法：

push()：向数组的末尾添加一个或多个元素，并返回新的长度。

this.myArray.push('new item');

pop()：删除并返回数组的最后一个元素。

this.myArray.pop();

shift()：删除并返回数组的第一个元素。

this.myArray.shift();

unshift()：向数组的开头添加一个或多个元素，并返回新的长度。

this.myArray.unshift('new item');

splice()：通过删除现有元素和/或添加新元素来更改一个数组的内容。

this.myArray.splice(2, 0, 'new item');  // 从索引2开始，删除0个元素，并插入'new item'

sort()：对数组的元素进行排序，并返回数组。注意，这个方法会改变原数组。

this.myArray.sort();

reverse()：颠倒数组中元素的顺序，并返回数组。注意，这个方法会改变原数组。

this.myArray.reverse();

当这些方法被调用时，Vue 的响应式系统会检测到数组的变化，并自动更新依赖这个数组的任何视图部分。然而，如果你直接设置数组的索引来更改数组（例如 this.myArray[indexOfItem] = newValue），那么视图将不会更新，因为 Vue 不能检测到这种变化。在这种情况下，你应该使用 Vue 提供的变异方法（如 splice）来更改数组。