vue3怎么拿ref

在 Vue 3 中，要使用 ref，你需要先引入它并创建一个 ref 实例。可以通过以下步骤来拿到 ref：

1. 首先，在组件的顶部导入 ref 方法：

import { ref } from 'vue';

2. 然后，在组件的 setup 方法中创建一个 ref 实例，并将其赋值给一个变量：

setup() {
  const myRef = ref();
  // 可以将初始值作为 ref() 的参数传入
  // const myRef = ref(initialValue);
  
  // 可以通过访问 myRef.value 来获取和修改 ref 的值
  console.log(myRef.value); // 获取 ref 的当前值

  myRef.value = 'new value'; // 修改 ref 的值
}

3. 使用 myRef.value 来获取和修改 ref 的值。在模板中使用的时候，直接使用 myRef 即可：

<template>
  <div>{{ myRef }}</div>
</template>