vue，父组件如何等待子组件执行完毕

在Vue中，如果父组件需要等待子组件完毕后再执行某些操作，可以使用Vue的异步组件加载和事件触发机制来实现。

一种常见的方法是使用`<component>`标签来动态加载子组件，并在子组件的`mounted`钩子函数中触发一个自定义事件。然后，父组件可以通过监听该事件来知道子组件已经加载完毕。

下面是一个示例代码：

在父组件中：

<template>
  <div>
    <component :is="childComponent" @loaded="onChildLoaded"></component>
    <!-- 父组件其他内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      childComponent: 'ChildComponent',
      childLoaded: false
    };
  },
  methods: {
    onChildLoaded() {
      this.childLoaded = true;
      // 子组件加载完毕后的操作
    }
  }
};
</script>

在子组件中：

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

<script>
export default {
  mounted() {
    this.$emit('loaded'); // 触发自定义事件
  }
};
</script>

在上述示例中，父组件使用`<component>`标签动态加载名为`ChildComponent`的子组件，并监听子组件触发的`loaded`事件。当子组件的`mounted`钩子函数执行时，会触发该事件，父组件通过监听到该事件后，将`childLoaded`属性设为`true`，表示子组件已加载完毕。

你可以根据实际需求在子组件加载完毕后执行相应的操作，例如更新父组件的数据或执行其他方法。