vue3 ref 数组拼接

在Vue 3中，`ref` 是一个用于创建响应式引用的函数，它可以包含任何值类型。当你需要创建一个包含数组的响应式引用时，`ref` 可以让你保持对这个数组的响应式引用，即使你对数组进行各种操作（如拼接），它仍然保持响应性。

例如，如果你想创建一个响应式的数组引用，你可以这样做：

import { ref } from 'vue';

const myArray = ref([]);

现在 `myArray` 是一个响应式的引用，你可以通过 `.value` 访问它的值：

myArray.value.push('a');
myArray.value.push('b');

如果你想将两个数组拼接到一起，你可以直接使用数组的 `concat` 方法：

const anotherArray = ref(['c', 'd']);
myArray.value = myArray.value.concat(anotherArray.value);

但如果你想要直接修改 `myArray` 并保持响应性，你可以使用 `...` 展开操作符来实现：

myArray.value = [...myArray.value, ...anotherArray.value];

这样 `myArray` 引用的数组就包含了四个元素：'a', 'b', 'c', 'd'，并且仍然是响应式的。