vue3 component 怎么调用子组件的方法

在 Vue 3 中，你可以使用 `ref` 和 `setup()` 函数来调用子组件的方法。

首先，在父组件中，你需要使用 `ref` 创建一个子组件的引用。然后在 `setup()` 函数中，通过该引用来调用子组件的方法。

下面是一个示例：

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

<script>
import { ref } from 'vue';
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  setup() {
    const childRef = ref(null);

    const callChildMethod = () => {
      childRef.value.childMethod(); // 调用子组件方法
    };

    return {
      childRef,
      callChildMethod
    };
  }
};
</script>

在上面的代码中，我们使用 `ref` 创建了一个名为 `childRef` 的引用，并将其绑定到子组件 `<ChildComponent>` 上。然后，我们在 `setup()` 函数中定义了一个名为 `callChildMethod` 的方法，方法通过 `childRef.value` 来访问子组件，并调用子组件的 `childMethod()` 方法。

通过以上步骤，你就可以在父组件中调用子组件的方法了。

希望这可以帮助到你！如果有任何进一步的问题，请随时提问。