Vue 接口请求数据传递给子组件获取不到的问题

/*在子组件中需要获取商品信息数据，而且父组件中也需要用到，已经在父组件中调用过请求了，拿到了数据，想将数据传递给子组件，正常在子组件标签中写上代码*/

<bottomNavigation :goodsInfo="Data" :RunBuyList ="RunBuyList" @BtnBuyNow="parentClickBuyNow" @BtnFx="parentClickFx" @ListClick="ParentClickList">
			</bottomNavigation>

props: {
            goodsInfo:Object,//商品信息

}

结果拿不到父组件变量名为Data的数据 ， 后来想了一下应该是异步的问题，并且子组件的渲染dom生命周期比父组件要快。看一下实测的生命周期顺序。

于是我决定利用v-if 来判断 只有在父组件成功拿到数据后，再渲染子组件。目前没想到其他更好的办法。

<!-- 必须异步请求结果回来能拿到商品信息后 才渲染子组件 -->
		<view v-if="Data&&RunBuyList">
			<bottomNavigation :goodsInfo="Data" :RunBuyList ="RunBuyList" @BtnBuyNow="parentClickBuyNow" @BtnFx="parentClickFx" @ListClick="ParentClickList">
			</bottomNavigation>
		</view>