vue3 setup中使用$refs 获取dom元素

在 Vue3 的 setup 函数中，可以通过 ref() 创建一个响应式的 ref 对象，然后将其传递给模板中的 DOM 元素或组件，从而实现获取 DOM 元素的目的。具体操作可以参考以下代码示例：

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

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

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

    onMounted(() => {
      console.log(myDiv.value) // 输出 <div>This is my div</div>
    })

    return {
      myDiv
    }
  }
}
</script>

在上述示例中，通过 ref() 创建了一个名为 myDiv 的 ref 对象，并将其传递给模板中的 div 元素。在 setup 函数中，通过 onMounted 钩子函数监听元素挂载完成事件，并在事件回调函数中打印出 myDiv.value 来获取 DOM 元素。