在 Vue 3 中，父组件可以直接调用子组件的方法，可以通过 ref 和 implements 来实现。

首先，在子组件中，需要将要调用的方法使用 ref 进行声明，并且在 setup 函数中返回该方法。示例代码如下：

<template>

  <div>

    <!-- 子组件内容 -->

  </div>

</template>

<script>

import { ref } from 'vue';

export default {

  setup() {

    // 声明需要调用的方法

    const childMethod = ref(null);

    // 返回方法

    return {

      childMethod,

    };

  },

};

</script>

然后，在父组件中，可以使用 refs 访问子组件，并直接调用子组件的方法。示例代码如下：

<template>

  <div>

    <!-- 父组件内容 -->

    <ChildComponent ref="childRef" />code>

    <button @click="callChildMethod">调用子组件方法</button>code>

  </div>

</template>

<script>

import { ref } from 'vue';

export default {

  setup() {

    // 获取子组件实例

    const childRef = ref(null);

    // 调用子组件方法

    const callChildMethod = () => {

      childRef.value.childMethod(); // 调用子组件的方法

    };

    return {

      childRef,

      callChildMethod,

    };

  },

};

</script>

通过以上方式，父组件就可以直接调用子组件的方法了。请注意，父组件调用子组件方法的前提是子组件已经被渲染到页面上。