Vue 的父组件和子组件生命周期钩子函数执行顺序

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

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

父 beforeUpdate -> 父 updated

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

生命周期	阶段	描述
beforeCreated	创建前	vue实例的挂载元素$el和数据对象data都为undefined，还未初始化。
created	创建后	vue实例的数据对象data有了，$el还没有。
beforeMount	模板载入前	vue实例的$el和data都初始化了，但还是挂载之前为虚拟的dom节点，data.message还未替换
mounted	模板载入后	vue实例挂载完成，data.message成功渲染。
beforeUpdate	组件更新前	组件更新之前调用
updated	组件更新后	组件更新之后调用
beforeDestroy	组件销毁前	调用$destroy方法后，立即执行beforeDestroy
destroyed	组件销毁后	组件销毁后调用，此时只剩下dom空壳

原文出处：