Vue 的父組件和子組件生命週期鉤子函數執行順序可以歸類爲以下 4 部分:
加載渲染過程:
父 beforeCreate -> 父 created -> 父 beforeMount -> 子 beforeCreate -> 子 created -> 子 beforeMount -> 子 mounted -> 父 mounted
子組件更新過程:
父 beforeUpdate -> 子 beforeUpdate -> 子 updated -> 父 updated
父組件更新過程:
父 beforeUpdate -> 父 updated
銷燬過程:
父 beforeDestroy -> 子 beforeDestroy -> 子 destroyed -> 父 destroyed