无法更改后代组件代码情况下，vue2代码this.$refs.detailChid.$children[0].$children[0].xxx变更成vue3后代码如何实现？

<template>
  <div>
    <ChildComponent ref="detailChild" />
  </div>
</template>

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

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

    onMounted(() => {
      // 访问子组件的方法或数据
      if (detailChild.value) {
        // 假设子组件有一个方法叫 doSomething()
        detailChild.value.doSomething();
      }
    });

    return {
      detailChild
    };
  }
};
</script>

然后直接在子组件里定义doSomething输出子组件的对应数据就好了，而且本身不能使用 Provide 和 Inject就不合理，属于是组件定义上就有问题了。最节省的方法就直接定义个事件总线。