父子组件通信时候触发的生命周期有哪些
- 父子组件之间共享了数据
- 数据是响应式，并且会存在更新线上
先说结果，再解释，为什么是这样结果
初始化
结论
初始化数据
- 父：beforeCreate created 子 beforeCreate created
初始化渲染dom
- 父beforeMount 子beforeMounte 子 mounted 父mounted
生命周期为什么这么执行？
- 因为vue的模板需要经过编译处理，变为真是的dom,
1：vue模板是根据初始化响应式数据生成虚拟com
2: 将虚拟dom编译为真是dom
3: 编译过程分为编译开始和编译完成，
编译特点：最先开始编译的最后编译弯沉g
编译开始顺序：上层组件到下层组件的顺序
编译结束的栓：下层组件到生成
又因为：beforeMounte created befroreCreat 在编译卡还是时候触发
Mouted 在编译结束的时候触发
所有产生上诉的执行执行顺序
更新
结论
- 父beforeUpdate 子 beforeUpdate 子updated 父updated
为什么
- 当页面职工绑定的响应式数据发生更新的时候。
vue 会从新编译
又因为 beforeUpdate 是开始跟新时候执行 ,update 更新结束时候执行，编译结束更新结束
根据上述的编译的特点，所以是以上执行顺序
销毁
结论
- 父 beforeDestory 子 beforeDestory 子 Destotyed 父 Destoryed
为什么
- 销毁实际上是删除dom元素。Vue的api底层操作的都是虚拟dom .操作dom，vue需要进行编译处理
befroeDestofy 是销毁执勤啊触发，没有编译完成 destoryed 已经销毁，编译结束。