ref 包裹复杂数据类型

ref函数可以包裹复杂数据类型为响应式数据。在JavaScript中，使用ref包裹复杂数据类型时，需要在值的操作上加上`.value`属性。例如，可以使用ref包裹一个对象，并在模板中正常使用。

例如，在Vue的App组件中，可以使用ref来包裹一个初始值为null的响应式数据对象，并在一定时间后将其赋值为一个复杂的对象。可以通过`data.value`来访问和操作这个复杂数据对象的属性。

另外，还可以使用toRefs函数将所有的响应式数据都return出去，这样就可以直接使用数据的名称来访问这些数据。记得加上`...`展开操作符。

总结起来，ref函数可以包裹复杂数据类型，而在操作这些数据时需要使用`.value`属性，而toRefs函数可以将所有的响应式数据return出去以便直接使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [【vue3】关于ref、toRef、toRefs那些事](https://blog.csdn.net/m0_61118311/article/details/129855689)[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 ]