vue3组件渲染出现的问题。

一、在渲染过程中子组件的onMounted周期要先于父组件onMounted周期，子组件通过props接受父组件的传值。将在父组件的onMounted周期进行异步请求获取的数据进行赋值，该变量和props的参数使用ref进行响应式绑定。那么在异步请求还未完成的时候，子组件如果在onMounted周期操作props该变量的值，就会出现操作变量为空值的情况。

1. 在父组件中，等待异步数据加载完成后再渲染子组件，将子组件渲染的周期移到后面，当组件渲染时该变量已经拿到。

给子组件绑上 v-if 判断

2. 给子组件的props设置一个默认值，但是在属性较多的情况下比较麻烦。
   
   
3. 将子组件操作props该变量值的操作拿出来放到外面。