vue3 toRefs

在 Vue 3 中，`ref` 是一个函数，它可以用来创建一个响应式的数据引用。`ref` 函数接收一个初始值作为参数，并返回一个代表该值的响应式引用对象。

使用 `ref` 创建的引用对象，可以通过 `.value` 属性来访问和修改其值。当引用对象的值发生变化时，Vue 会自动追踪这个变化，并触发视图的重新渲染。

下面是一个使用 `ref` 的示例：

import { ref } from 'vue';

const count = ref(0);

console.log(count.value); // 获取引用对象的值

count.value++; // 修改引用对象的值

console.log(count.value); // 获取修改后的引用对象的值

Vue 3 还提供了一个名为 `toRefs` 的函数，它可以将一个响应式对象转换为普通对象，其中每个属性都是一个独立的 `ref` 引用。这对于在组件中解构响应式对象时非常有用。

下面是一个使用 `toRefs` 的示例：