父子组件通信时候触发的生命周期有哪些
- 1:父子组件之间共享了数据
- 2:数据是响应式,并且会存在更新线上
先说结婚,再解释,为什么是这样结果
初始化
结论
初始化数据
父: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 已经销毁,编译结束。
根据编译的特点,所以是以上执行顺序