vue3父组件调用后代组件中的方法

在Vue3中，可以使用`ref`和`value`来实现父组件调用后代组件中的方法。具体步骤如下：

1.在子组件中，使用`ref`定义一个引用名称，例如`ref="childRef"`。

2.在子组件中，使用`setup`函数返回一个对象，该对象包含需要暴露给父组件的方法，例如：

import { ref } from 'vue'

export default {
  setup() {
    const childRef = ref(null)

    const childMethod = () => {
      console.log('This is a method in child component')
    }

    return {
      childRef,
      childMethod
    }
  }
}

3.在父组件中，使用`ref`获取子组件的引用，并使用`value`访问子组件中的方法，例如：

<template>
  <div>
    <ChildComponent ref="childRef" />
    <button @click="callChildMethod">Call Child Method</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`获取子组件的引用，然后在父组件的`setup`函数中定义一个`callChildMethod`方法，该方法通过`childRef.value.childMethod()`调用子组件中的`childMethod`方法。