vue3如何获取dom元素

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

具体步骤如下：

1. 在模板中使用 `ref` 指令给 DOM 元素命名，如下所示：

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

2. 在组件中通过 `this.$refs` 访问 DOM 元素，如下所示：

   export default {
     mounted() {
       const myButton = this.$refs.myButton;
       console.log(myButton); // 输出获取到的 DOM 元素
     }
   }

需要注意的是，`ref` 只能用于访问子组件或 DOM 元素，不能用于访问父组件或兄弟组件。