我怎么在父组件中添加判断条件，等子组件已经渲染完毕后再传数据给子组件

你可以利用 Vue 的生命周期函数和 v-if 指令来实现这个功能。

首先，在父组件中定义一个变量，用来判断子组件是否已经渲染完毕。比如：

<template>
  <div>
    <child-component v-if="isChildReady" :data="data"></child-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isChildReady: false,
      data: {}
    }
  },
  mounted() {
    // 在父组件 mounted 钩子函数中设置 isChildReady 为 true
    this.isChildReady = true
    // 然后再给子组件传数据
    this.data = { name: 'Tom', age: 18 }
  }
}
</script>

在上面的代码中，父组件在 mounted 钩子函数中设置 isChildReady 为 true，表示子组件已经渲染完毕。然后再给子组件传数据。

在模板中，使用 v-if 指令来判断子组件是否已经渲染完毕。只有当 isChildReady 为 true 时，才会渲染子组件，并将数据传给子组件。

这样就可以保证子组件已经渲染完毕后再给子组件传数据了。