ref在vue3用法

在 Vue 3 中，ref 是一个新的响应式 API，用于创建一个可响应的数据引用。它可以用于包装基本类型值或对象，使其具有响应式能力。

要使用 ref，你首先需要引入它并创建一个新的 ref 对象。可以通过调用 `ref` 函数并传入初始值来创建 ref 对象。例如：

import { ref } from 'vue';

const count = ref(0);

在上面的例子中，我们创建了一个名为 `count` 的 ref 对象，并将其初始值设置为 0。

要访问 ref 对象的值，你需要使用 `.value` 属性。例如，要访问上面例子中 `count` 的值，可以使用 `count.value`：

console.log(count.value); // 输出 0

如果想更新 ref 对象的值，可以直接赋值给 `.value` 属性：

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

ref 对象还提供了一些方法和属性，例如 `.value` 属性是可读写的，`.unref()` 方法可用于获取非响应式的原始值，`.isRef` 属性可用于检查一个对象是否是 ref 对象等。

需要注意的是，在模板中使用 ref 对象时，Vue 3 会自动解包（自动访问 `.value` 属性），所以你可以直接在模板中使用 `count` 而不是 `count.value`。

希望这些信息对你有所帮助！如果有任何疑问，请随时提问。