vue3 ref这么用

在Vue 3中，`ref`是一个特殊的响应式数据容器，由`vue/ref`模块提供，主要用于在模板中声明和更新值。它可以让你在组件内部跟踪数据的变化，并将其绑定到视图上。使用`ref`的基本步骤如下：

1. **导入ref**:

   import { ref } from 'vue';

2. **创建ref**:

   const myValueRef = ref();

或者给初始值传递一个参数：

   const myValueRef = ref(0); // 初始化为0

3. **使用ref**:
- 直接赋值：

     myValueRef.value = 'Hello Vue'; // 可以访问value属性来改变数据

- 读取当前值：

     console.log(myValueRef.value); // 输出：Hello Vue

4. **响应式特性**:
当你修改`myValueRef.value`，视图会自动更新。

5. **使用模板绑定**:
将`ref`的值绑定到模板元素上：

   <p>{{ myValueRef }}</p>