vue3中如何使用ref获取DOM元素

在Vue3中，可以使用`ref`来获取DOM元素。

首先，在组件中使用`setup()`函数来定义`ref`属性：

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

<script>
import { ref } from 'vue';

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

    return {
      myDiv
    };
  }
}
</script>

然后，在组件中可以通过`myDiv`访问该DOM元素：

<template>
  <div ref="myDiv">Hello World</div>
  <button @click="handleClick">Click Me</button>
</template>

<script>
import { ref } from 'vue';

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

    const handleClick = () => {
      console.log(myDiv.value.innerText);
    };

    return {
      myDiv,
      handleClick
    };
  }
}
</script>

在上面的例子中，点击按钮时会打印出`myDiv`元素中的文本内容。注意，需要通过`myDiv.value`来访问`ref`对象的值。