在vue3中 怎么让数组变成响应式的

在 Vue3 中，你可以使用 `reactive` 函数将一个对象变成响应式的，但是如果要将数组变成响应式的，你需要使用 `ref` 或 `reactive` 配合 `toRefs` 函数来实现。具体实现步骤如下：

1. 使用 `ref` 函数将数组包裹起来，将其转换为一个响应式对象。
2. 使用 `toRefs` 函数将响应式对象中的每一个属性都转换为响应式的。这样就可以对数组进行响应式操作了。

举个例子，假设有一个数组 `list`，实现将其变成响应式的代码如下：

import { ref, toRefs } from 'vue';

const state = {
  list: ref([])
};

// 将响应式对象中的属性转换为响应式的
const { list } = toRefs(state);

// 对数组进行响应式操作
list.value.push('item');

这样，当数组中的元素发生变化时，视图也会自动更新。