结论先行:
生命周期的执行顺序
2.1 初始化
父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted->父mounted -> 子activated -> 父activated
2.2 数据更新
父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated
2.3 销毁
父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed
2.4 keep-alive缓存
停用时
子deactivated -> 父deactivated
激活时
子activated -> 父activated
参考:vue父子组件生命周期执行顺序_vue父子生命周期执行顺序-CSDN博客