vue3 ref 数组

在Vue3中，ref数组是指一个包含多个ref对象的数组。使用ref数组可以在组件中管理多个响应式引用值。

要创建一个ref数组，可以使用reactive函数来创建一个响应式的数组，并将每个元素都包装在ref函数中。例如，可以使用以下代码创建一个包含多个ref对象的数组：

import { ref, reactive } from 'vue';

const books = reactive([
  ref('Book 1'),
  ref('Book 2'),
  ref('Book 3')
]);

在访问ref数组中的元素时，需要使用`.value`来解包ref对象的值。例如，可以使用以下代码访问ref数组中的第一个元素：

console.log(books<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
-  *1* *2* *3* [Vue3超详细的ref()用法，看这一篇就够了](https://blog.csdn.net/EchoLiner/article/details/130445600)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]