this.$refs 获取组件方法

在 Vue.js 中，可以通过 `this.$refs` 来获取组件实例或者 DOM 元素。

如果想要获取组件实例，需要在组件中设置 `ref` 属性，然后在父组件中通过 `this.$refs` 来获取，例如：

<template>
  <child-component ref="child"></child-component>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  mounted() {
    const childInstance = this.$refs.child
    console.log(childInstance)
  }
}
</script>

如果想要获取 DOM 元素，也需要设置 `ref` 属性，但是需要在获取时加上 `$el`，例如：

<template>
  <div ref="myDiv">Hello World!</div>
</template>

<script>
export default {
  mounted() {
    const divElement = this.$refs.myDiv.$el
    console.log(divElement)
  }
}
</script>