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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM