vue3 ref节点

Vue 3中的`ref`是一个函数，用于创建一个响应式的引用对象。它可以用来包装普通的JavaScript值，使其成为响应式的。当包装的值发生变化时，Vue会自动追踪这个变化，并在需要时更新相关的视图。

使用`ref`创建的引用对象可以通过`.value`属性来访问和修改其包装的值。当修改引用对象的值时，Vue会自动触发组件的重新渲染。

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

import { ref } from 'vue';

const count = ref(0);

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

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

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

在上面的示例中，我们使用`ref`函数创建了一个名为`count`的引用对象，并将其初始值设置为0。通过访问`count.value`，我们可以获取到引用对象包装的值，并且可以通过修改`count.value`来改变引用对象的值。