vue3 ref 数组取值

在 Vue 3 中，`ref` 是一个用于创建响应式数据引用的函数。当你需要对一个数组进行响应式处理时，可以使用 `ref` 将整个数组包裹起来。之后，你可以通过 `.value` 属性来获取和设置数组的值，因为 `ref` 返回的是一个对象，其值被包裹在 `.value` 属性中。

下面是一个简单的例子，展示了如何在 Vue 3 中使用 `ref` 创建一个响应式的数组，并如何取值：

import { ref } from 'vue';

// 创建一个响应式的数组引用
const numbers = ref([1, 2, 3, 4]);

// 访问数组中的值，需要使用 .value
console.log(numbers.value); // 输出：[1, 2, 3, 4]

// 修改数组中的值，也需要使用 .value
numbers.value[2] = 5;
console.log(numbers.value); // 输出：[1, 2, 5, 4]

需要注意的是，在模板中使用 `ref` 创建的响应式引用时，不需要 `.value`，因为 Vue 会自动处理它。