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