vue 父子組件的生命周期順序

1. 加載渲染過程

  • 同步引入時生命周期順序為：
    父組件的beforeCreate、created、beforeMount --> 所有子組件的beforeCreate、created、beforeMount --> 所有子組件的mounted --> 父組件的mounted
    總結：父組件先創建，然后子組件創建；子組件先掛載，然后父組件掛載
    若有孫組件呢？
    父組件先beforeCreate => created => beforeMount , 然后子組件開始beforeCreate => created => beforeMount ，然后孫組件beforeCreate => created => beforeMount => mounted，孫組件掛載完成了，子組件mounted，父組件再mounted

  • 異步引入時生命周期順序為：
    父組件的beforeCreate、created、beforeMount、mounted --> 子組件的beforeCreate、created、beforeMount、mounted

    總結：父組件創建，父組件掛載；子組件創建，子組件掛載。

2. 子組件更新過程
父beforeUpdate->子beforeUpdate->子updated->父updated

3.父組件更新過程
父beforeUpdate->父updated

4.銷毀過程
父beforeDestroy->子beforeDestroy->子destroyed->父destroyed

參考文章
vue--同步父子組件和異步父子組件的生命周期順序
搞清Vue生命周期執行順序

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。