vue 通過props向子組件傳值，子組件無法取得該值

問題描述：我把彈出框設計成了子組件，彈出框里的數據由父組件通過ajax異步獲取后傳給子組件（用props屬性）。然而，當我想在子組件的生命周期里取得該值時，該值並未獲得。

問題分析：這應該是當子組件實例化之后，ajax才獲取數據導致。

問題解決：用v-if來判斷子組件是否渲染。

代碼：

　　父組件：

<template>
    <div class="logistics-control">
        <!-- 添加單路徑彈框 -->
        <toast :config="singleToastData" @cancelSingle="singleToastData.dialogVisible=false;" @saveAddSingle="saveAddSingle">
            <addpath-settingDialog v-if="singleToastData.flag" :routeList="singleToastData.routeList" :choseList="singleToastData.choseList" ref="addpathssettingDialog" @listChange="listChange"></addpath-settingDialog>
        </toast>
    </div>
</template>