vue父子组件中钩子函数的执行顺序

vue父子组件中钩子函数的执行顺序

1.执行顺序

1.1关于创建&挂载的钩子函数

父组件 beforeCreate
父组件 created
父组件 beforeMount
子组件 beforeCreate
子组件 created
子组件 beforeMount
子组件 mounted
父组件 mounted

1.2关于更新的钩子函数

子组件只触发自己的钩子函数，父组件数据变了，也只触发自己的钩子函数，并不干扰子组件的更新

子组件 beforeUpdate
子组件 updated

1.3关于销毁的钩子函数

子组件只触发子组件的销毁函数
父组件触发用vm.$destroy( )

父组件 beforeDestroy
子组件 beforeDestroy
子组件 destroyed
父组件 destroyed

缓存时执行的钩子函数

keep-alive启用的时候，执行

activated( ){ }

keep-alive停用的时候，执行

deactivated( ){ }