vue3中使用组件的$refs

在Vue3中，可以使用 `ref` 指令来为组件或元素添加一个引用。这个引用可以通过组件的 `$refs` 属性来访问。以下是一个使用 `$refs` 访问组件的示例：

<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() {
      const myComponent = this.$refs.myComponent;
      console.log(myComponent);
    }
  }
}
</script>

在上面的例子中，我们为 `MyComponent` 添加了一个 `ref` 属性，值为 `myComponent`。然后，我们可以在 `handleClick` 方法中使用 `this.$refs.myComponent` 访问该组件，并将其打印到控制台中。