删除vue响应式数组中所有数据

方法一：直接将数组赋空数组

Vue响应式数组的特点是当数组发生变化时，会自动更新视图，因此我们可以通过将数组赋空数组的方式来删除所有数据，从而触发视图的更新。

例如：

// 原始数组
data: {
  arr: [1, 2, 3]
}

// 删除所有数据
this.arr = []

方法二：使用splice方法

Vue响应式数组内置了一些常用的数组方法，例如splice方法，我们可以通过调用splice方法删除数组中的所有数据。

例如：

// 原始数组
data: {
  arr: [1, 2, 3]
}

// 删除所有数据
this.arr.splice(0, this.arr.length)

其中，splice方法的第一个参数表示要删除的起始位置，第二个参数表示要删除的元素个数。因此，我们可以将起始位置设为0，将要删除的元素个数设为数组的长度，从而删除所有数据。