父組件與子組件生命週期先後順序

項目中,有時在業務層面會出現接口調用順序的限制,如果後臺規定必須先調用a,再調用b,而代碼層面b接口是在一個子組件中調用,a接口在父級頁面調用。這時我們就得弄清楚 父與子的生命週期先後順序 ,這裏我用現有的項目做一個demo
父級頁面
在這裏插入圖片描述
子組件
在這裏插入圖片描述
運行項目 打印出來如下
在這裏插入圖片描述
如下
父:beforecreate
父:created
子:beforeCreate
子: beforeMount
子:mounted
父:mounted
由此可見 父頁面調用a,子組件調用b,都放在mounted裏面執行,便會出現錯誤,不滿足後臺規定的先調a,再調b。
解決 ,父頁面調用a放在創建完成created階段,子組件調用b放在掛載完成mounted階段

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章