Vue 的父組件和子組件生命周期鈎子執行順序


Vue 的父組件和子組件生命周期鈎子執行順序

渲染過程:父組件掛載完成一定是等子組件都掛載完成后,才算是父組件掛載完,所以父組件的mounted在子組件mouted之后。父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted

子組件更新過程:

影響到父組件: 父beforeUpdate -> 子beforeUpdate->子updated -> 父updated

不影響父組件: 子beforeUpdate -> 子updated

父組件更新過程:

影響到子組件: 父beforeUpdate -> 子beforeUpdate->子updated -> 父updated

不影響子組件: 父beforeUpdate -> 父updated

銷毀過程:父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed

看起來很多好像很難記憶,其實只要理解了,不管是哪種情況,都一定是父組件等待子組件完成后,才會執行自己對應完成的鈎子,就可以很容易記住


免責聲明!

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



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