vue3怎么拿dom中ref

在Vue 3中，可以使用`ref`来获取DOM中的元素。Vue 3使用了Composition API，可以通过`ref`函数创建一个ref对象，然后将其与DOM元素绑定。

下面是一个示例代码：

<template>
  <div>
    <button ref="myButton" @click="handleClick">Click me</button>
  </div>
</template>

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

export default {
  mounted() {
    console.log(this.$refs.myButton); // 输出DOM元素
  },
  setup() {
    const myButton = ref(null);

    const handleClick = () => {
      console.log(myButton.value); // 输出DOM元素
    };

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

在上面的示例中，我们利用`ref`函数创建了一个名为`myButton`的ref对象，并将其绑定到按钮元素上。在`mounted`生命周期钩子函数中，我们可以通过`this.$refs.myButton`访问到DOM元素。在`setup`函数中，我们将`myButton`和`handleClick`两个变量返回，以便在模板中使用。