表單資料項的展現，是根據工作流的ID，動態展現出來的，也就是說，當父元件的元件生命週期執行完，子元件才會獲得對應的資料。如果不加任何限制，子元件生命週期是和父元件一起完成的。

一個完整的Vue元件生命週期如下圖所示：

在父元件執行beforeMount階段後，進入子元件的beforeCreate、Created、beforeMount階段。即子元件的生命週期是在父元件的beforeMount階段完成的。父元件的很多資料的載入，是在create()階段完成的，雖然子元件的載入是在父元件的create()事件之後，但是我們的create()再次呼叫Ajax載入資料時，此時是非同步的，子元件並不會等父元件的create()事件當中ajax全部載入完，再執行子元件的生命週期，這時，我們在父元件create()方法中獲得的後臺資料，是不會傳入到子元件當中去的。在這種情況下該怎麼辦呢？

這時我們可以推遲子元件的載入，即利用Vue 的v-if 有條件載入組組間，例如，我們可以設定一個引數，當這個引數有值的時候，我們再載入子元件。回到上面那個例子：

<el-tab-pane label="表單資訊"><generate-form v-if=" widgetForm.config !==undefined" ></generate-form></el-tab-pane><el-tab-pane label="流程圖"></el-tab-pane>

我們設定當widgetForm.config !==undefined時，再載入子元件，此時我們在父元件的create()方法中載入widgetForm後臺資料即可。