Vue3父组件调取子组件方法

在Vue3中，父组件可以通过`ref`或`reactive`创建一个子组件的引用，并通过该引用调用子组件的方法。下面是一个简单的示例：

<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`的引用，并将其绑定到子组件上。然后，在父组件的`callChildMethod`方法中，通过`childRef.value.childMethod()`调用子组件的`childMethod`方法。

注意：在Vue3中，使用`ref`创建的引用需要通过`.value`来访问其值。