vue3 ref reactive 声明数据为数组类型， 如何更新

如果你使用了 `ref` 或 `reactive` 声明一个数组类型的变量，那么你可以使用数组的方法来更新它。例如，你可以使用 `push` 方法向数组中添加一个元素，使用 `pop` 方法移除最后一个元素，使用 `splice` 方法在数组中插入、删除或替换元素等等。

下面是一个使用 `ref` 声明数组并更新的示例代码：

import { ref } from 'vue'

const myArray = ref([1, 2, 3])

// 添加元素
myArray.value.push(4)

// 移除最后一个元素
myArray.value.pop()

// 在数组中插入元素
myArray.value.splice(1, 0, 5)

// 替换数组中的元素
myArray.value.splice(1, 1, 6)

console.log(myArray.value) // [1, 6, 5, 3]

你也可以使用解构赋值来获取数组中的元素，例如：

const [first, second] = myArray.value
console.log(first, second) // 1, 6

需要注意的是，当你使用数组方法修改 `ref` 或 `reactive` 声明的数组时，Vue 会自动检测到数组的变化并更新视图。