vue3中ref怎么获取标签对象

在 Vue 3 中，可以使用 `ref` 函数来获取标签对象。

首先，在组件中导入 `ref` 函数：

import { ref } from 'vue'

然后，您可以在模板中使用 `ref` 函数来获取标签对象。例如，如果您想获取一个 `<div>` 标签对象，可以在模板中这样使用：

<template>
  <div ref="myDiv">This is my div.</div>
</template>

接下来，在组件中使用 `ref` 函数来访问该标签对象：

import { ref } from 'vue'

export default {
  setup() {
    const myDiv = ref(null)

    // 在组件挂载后，myDiv 将被设置为包含 <div> 标签的实际 DOM 对象
    onMounted(() => {
      console.log(myDiv.value) // 输出 <div> 标签对象
    })

    return {
      myDiv
    }
  }
}

在上面的代码中，`myDiv` 变量是一个 ref 对象。在组件挂载后，`myDiv.value` 将被设置为包含 `<div>` 标签的实际 DOM 对象。您可以通过访问 `myDiv.value` 来访问该标签对象的属性和方法。