3-18 Vue 的父組件和子組件生命周期鈎子函數執行順序?


父子組件掛載渲染過程

子組件更新過程:

  1. 影響到父組件: 父beforeUpdate -> 子beforeUpdate->子updated -> 父updated
  2. 不影響父組件: 子beforeUpdate -> 子updated

父組件更新過程:

  1. 影響到子組件: 父beforeUpdate -> 子beforeUpdate->子updated -> 父updated
  2. 不影響子組件: 父beforeUpdate -> 父updated

銷毀過程:

父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed

不管是哪種情況,都一定是父組件等待子組件完成后,才會執行自己對應完成的鈎子

父組件掛載完成一定是等子組件都掛載完成后,才算是父組件掛載完,所以父組件的mounted在子組件mounted之后。


免責聲明!

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



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