vue如何通过ref获取dom

你可以通过在 Vue 组件中使用 `ref` 属性来获取 DOM 元素。下面是一个示例：

<template>
  <div>
    <button ref="myButton" @click="handleClick">点击我</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      // 通过 this.$refs 获取 DOM 元素
      const button = this.$refs.myButton;
      
      // 在这里可以对获取到的 DOM 元素进行操作
      console.log(button);
    }
  }
}
</script>

在上面的示例中，我们给按钮添加了 `ref="myButton"` 属性，然后在 `handleClick` 方法中通过 `this.$refs.myButton` 获取到了这个按钮的 DOM 元素。你可以在 `handleClick` 方法中对获取到的 DOM 元素进行任何操作。

需要注意的是，`refs` 是响应式的，因此当组件重新渲染时，`this.$refs` 中存储的 DOM 元素会自动更新。同时，`refs` 也可以用于获取子组件的实例。