vue 父子组件生命周期的执行顺序

[lovelmh13]

加载渲染过程

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

代码更新过程

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

代码销毁过程

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

单一组件的执行顺序

beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
activated
deactivated
beforeDestroy
destroyed
errorCaptured

activated, deactivated 是组件keep-alive时独有的钩子