vue3 ref怎么获取dom节点

在Vue 3中，ref不直接暴露DOM节点，但是可以通过ref的value属性获取DOM节点。例如：

<template>
  <div ref="myDiv">Hello World!</div>
</template>

<script>
import { ref, onMounted } from 'vue'

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

    onMounted(() => {
      console.log(myDiv.value) // 输出DOM节点
    })

    return {
      myDiv
    }
  }
}
</script>

在上面的代码中，我们使用ref创建了一个名为myDiv的引用，并将其绑定到模板中的div元素上。在setup函数中，我们使用onMounted钩子函数，在组件挂载后获取myDiv引用的DOM节点，并将其打印到控制台上。注意，需要使用value属性来获取DOM节点。