vue ref获取dom

在Vue中获取DOM元素的最简单的方法是使用`ref`。 `ref`是一个特殊的属性，可以在模板中使用来绑定子组件或DOM元素。例如：

<template>
  <div>
    <input type="text" ref="myInput" />
    <button @click="handleClick">获取输入框的值</button>
  </div>
</template>

在上面的代码中，我们使用`ref`来绑定一个输入框元素。现在我们可以在组件中使用`this.$refs`对象来访问该元素。例如，在点击按钮时获取输入框的值：

export default {
  methods: {
    handleClick() {
      const inputValue = this.$refs.myInput.value;
      console.log(inputValue);
    },
  },
};

在上面的代码中，我们使用`this.$refs.myInput`来获取输入框元素，并通过访问`value`属性来获取输入框的值。