this.$refs vue

this.$refs是Vue中的一个特殊属性，用于获取DOM元素或组件实例。通过在模板中使用ref属性给元素或组件命名，就可以通过this.$refs来访问它们。

以下是this.$refs的基本用法示例：

1. 获取DOM元素：

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

<script>
export default {
  methods: {
    handleClick() {
      const value = this.$refs.myInput.value;
      console.log(value);
    }
  }
}
</script>

2. 获取组件实例：

<template>
  <div>
    <my-component ref="myComponent"></my-component>
    <button @click="handleClick">调用组件方法</button>
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue';

export default {
  components: {
    MyComponent
  },
  methods: {
    handleClick() {
      this.$refs.myComponent.someMethod();
    }
  }
}
</script>

注意：在获取组件实例时，需要确保组件已经被渲染到DOM中，否则this.$refs.myComponent将为undefined。