Vue 的父組件和子組件生命週期鉤子函數執行順序

Vue 的父組件和子組件生命週期鉤子函數執行順序可以歸類爲以下 4 部分：

加載渲染過程：

父 beforeCreate -> 父 created -> 父 beforeMount -> 子 beforeCreate -> 子 created -> 子 beforeMount -> 子 mounted -> 父 mounted

子組件更新過程：

父 beforeUpdate -> 子 beforeUpdate -> 子 updated -> 父 updated

父組件更新過程：

父 beforeUpdate -> 父 updated

銷燬過程：

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

總結：子的生命週期都會被先結束，父的才結束。先由父到子，再從子到父。