vue3中的Ref

在 Vue3 中，Ref 是一个新的响应式数据类型。Ref 类型的变量可以用于存储任何类型的数据，并且在数据变化时可以触发视图的重新渲染。

使用 Ref，需要先通过 `ref` 函数将一个普通的数据类型转换成 Ref 类型：

import { ref } from 'vue'

const count = ref(0)

这里的 `count` 变量就是一个 Ref 类型的变量，它的初始值为 0。我们可以通过 `value` 属性来获取或设置 Ref 类型变量的值：

console.log(count.value) // 输出 0
count.value = 1
console.log(count.value) // 输出 1

当我们修改 Ref 类型变量的值时，Vue 会自动检测到变化，并触发相应的视图更新。

除了通过 `ref` 函数创建 Ref 类型变量外，我们还可以使用 `toRef` 和 `toRefs` 函数将普通的对象转换成 Ref 类型对象。详细用法可以参考 Vue3 的官方文档。