vue3调用组件方法

要在Vue 3中调用组件方法，首先需要在父组件中引入子组件，并在子组件上添加ref属性。然后，你可以使用`$refs`来访问子组件的实例，并调用其方法。

下面是一个示例：

在父组件中：

<template>
  <div>
    <ChildComponent ref="child"></ChildComponent>
    <button @click="callChildMethod">调用子组件方法</button>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    callChildMethod() {
      this.$refs.child.childMethod();
    }
  }
}
</script>

在子组件中（ChildComponent.vue）：

<template>
  <div>
    子组件内容
  </div>
</template>

<script>
export default {
  methods: {
    childMethod() {
      console.log('子组件方法被调用了！');
    }
  }
}
</script>

在父组件中我们使用`ref`属性给子组件命名为"child"，然后在按钮的点击事件中通过`this.$refs.child`访问子组件的实例，然后调用`childMethod()`方法。

这样，当点击按钮时，就会在控制台输出"子组件方法被调用了！"。请注意，你需要确保在子组件上使用了`ref`属性，以便在父组件中访问子组件的实例。