首先出现这种情况的原因是:
因为子组件挂载的时候,这个父组件里也是为空的,后来父组件做了请求之类的工作后,更新了父组件,然后往子组件里面传递,所以开始挂载的时候是子组件是空的,后来才有值,所以html看起来能渲染出来,实际它之前渲染过一次空的了,只不过两次时间间隔可能比较短。
解决办法
1.第一种:使用v-if ,等到父组件传值不为空时再传入
https://www.cnblogs.com/huancheng/p/9636595.html
2.第二种:子组件中监听数组长度,做出相应操作
<div>
<growSistion
:changeData="growChange"
v-if="this.growChange"
/>
</div>
3.第三种:用watch 来监听Props中的数据然后做出响应的操作
第一种和第二种的方法都是给一个v-if判断
参考:https://blog.csdn.net/u013164983/article/details/110139870