項目中,有時在業務層面會出現接口調用順序的限制,如果後臺規定必須先調用a,再調用b,而代碼層面b接口是在一個子組件中調用,a接口在父級頁面調用。這時我們就得弄清楚 父與子的生命週期先後順序 ,這裏我用現有的項目做一個demo
父級頁面
子組件
運行項目 打印出來如下
如下
父:beforecreate
父:created
子:beforeCreate
子: beforeMount
子:mounted
父:mounted
由此可見 父頁面調用a,子組件調用b,都放在mounted裏面執行,便會出現錯誤,不滿足後臺規定的先調a,再調b。
解決 ,父頁面調用a放在創建完成created階段,子組件調用b放在掛載完成mounted階段
父組件與子組件生命週期先後順序
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
報名開啓!2024 開源之夏丨Serverless Devs 課題已上線!
原創
2024-05-16 21:13:49
wps加載項初步開發
osc_rki80br3
2024-05-14 00:39:13
2023年度總結:敲敲雲、jeecgboot的創新、發展與成就
原創
2023-12-30 02:02:35
招聘 | Taro 團隊招人啦!
原創
2023-12-27 09:56:58
ifream嵌入不同源頁面 子頁面與父頁面交互
原創
2023-12-18 23:44:54
『開源資訊』低代碼平臺—JeecgBoot v3.6.1 版本發佈,Online表單專項升級
原創
2023-12-08 14:13:08
開源打敗商業——敲敲雲apaas平臺成爲了零代碼領域的黑馬,開啓零代碼新時代
原創
2023-11-15 15:04:34
優雅設計之美:實現Vue應用程序的時尚佈局
原創
2023-11-02 23:11:29
敲敲雲與JeecgBoot、明道雲、簡道雲 等低代碼平臺對比,那個更好用?
原創
2023-11-02 01:59:58
界面控件DevExtreme v23.2亮點 - 標籤、表單、編輯器功能升級
原創
2024-05-28 12:19:08
界面控件DevExtreme v23.1、v23.2盤點 - 增強的TypeScript(Angular、React、Vue)
原創
2024-05-07 11:34:56
前端面試題 - 在HTML5中DOCTYPE的作用是什麼?標準與兼容模式(混雜模式)各有什麼區別?
原創
2024-04-25 11:51:01
數字化變革探索:檢驗檢測行業轉型思路揭祕
原創
2024-04-22 22:23:02
canvas和context的關係 畫布和畫筆的關係
原創
2024-03-29 21:24:02