vue3refs获取dom

在Vue 3中，可以使用`ref`函数获取DOM元素。`ref`函数创建一个响应式对象，它的值可以引用DOM元素。以下是一个示例：

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

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

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

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

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

在上述示例中，通过`ref(null)`创建了一个`myButton`响应式对象，并将其赋值给了按钮的`ref`属性。在`onMounted`钩子函数中，可以通过`myButton.value`访问到DOM元素。