Vue 的父组件和子组件生命周期钩子函数执行顺序
-
加载渲染过程
父 beforeCreate -> 父 created -> 父 beforeMount -> 子 beforeCreate -> 子 created -> 子 beforeMount -> 子 mounted -> 父 mounted
-
子组件更新过程
父 beforeUpdate -> 子 beforeUpdate -> 子 updated -> 父 updated
-
父组件更新过程
父 beforeUpdate -> 父 updated
-
销毁过程
父 beforeDestroy -> 子 beforeDestroy -> 子 destroyed -> 父 destroyed
兄弟组件生命周期钩子函数的执行顺序
有A、B两个相邻的路由组件,当从A页面跳转到B页面时:
- B beforeCreated -> B created-> B beforeMounted-> A beforeDestroy -> A destroyed -> B mounted