68、Vue 中操作 data 中数组的方法(高薪常问)

Vue 中操作 data 中数组的方法中哪些可以触发视图更新，哪些不可以，不可以的话有什么解决办法？

1、可以被改变的

push()、pop()、shift()、unshift()、splice()、sort()、reverse()这些方法会改变被操作的数组；

2、不可以改变的

filter()、concat()、 slice()这些方法不会改变被操作的数组，并且返回一个新的数组，以上方法都可以触发视图更新。

3、解决方案

1、利用索引直接设置一个数组项，例：this.array[index] = newValue，直接修改数组的长度，例：this.array.length = newLength

2、以上两种方法不可以触发视图更新

（1）可以使用 this.$set(this.array,index,newValue)，this.array.splice(index,1,newValue)

（2）可以使用 this.array.splice(newLength)