博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue嵌套组件的生命周期
阅读量:6094 次
发布时间:2019-06-20

本文共 738 字,大约阅读时间需要 2 分钟。

嵌套组件的生命周期

问:有A、B、C三个组件,A为B的父组件,B为C的父组件,它们的创建和挂载顺序是怎样的?即(beforeCreate/created,beforeMounte/mounted)的执行顺序。

话不多说,直接上代码:

    
嵌套组件的生命周期
复制代码

直接看打印结果:

beforeCreate: Rootcreated: RootbeforeMount: RootbeforeCreate: Acreated: AbeforeMount: AbeforeCreate: Bcreated: BbeforeMount: BbeforeCreate: Ccreated: CbeforeMount: Cmounted: Cmounted: Bmounted: Amounted: Root复制代码

通过打印结果我们可以看到,beforeCreate、created、beforeMounted是按顺序执行,由外到内;而mounted即最终的挂载阶段则是由内到外,先将子组件挂载到dom上,然后再是父组件。

为什么

其实想想就知道了,既然组件之间存在父子关系,即父嵌套子,那么子组件就相当于父组件的一部分,那肯定要先将其一部分先挂载到dom上,然后再将整个父组件挂载上去。

总结

父子组件嵌套的生命周期其实都是 先父后子 然后 先子后父。后续再加入update和destroy的相关代码。

github链接:,欢迎???star

转载于:https://juejin.im/post/5c80bd32518825407505f8bb

你可能感兴趣的文章
Oracle 如何提交手册Cluster Table事务
查看>>
BeagleBone Black第八课板:建立Eclipse编程环境
查看>>
在服务器上用Fiddler抓取HTTPS流量
查看>>
文件类似的推理 -- 超级本征值(super feature)
查看>>
【XCode7+iOS9】http网路连接请求、MKPinAnnotationView自定义图片和BitCode相关错误--备用...
查看>>
各大公司容器云的技术栈对比
查看>>
记一次eclipse无法启动的排查过程
查看>>
【转】jmeter 进行java request测试
查看>>
读书笔记--MapReduce 适用场景 及 常见应用
查看>>
SignalR在Xamarin Android中的使用
查看>>
走过电竞之路的程序员
查看>>
Eclipse和MyEclipse使用技巧--Eclipse中使用Git-让版本管理更简单
查看>>
[转]响应式表格jQuery插件 – Responsive tables
查看>>
8个3D视觉效果的HTML5动画欣赏
查看>>
C#如何在DataGridViewCell中自定义脚本编辑器
查看>>
【linux】crontab定时命令
查看>>
必须知道的八大种排序算法【java实现】(三) 归并排序算法、堆排序算法详解...
查看>>
python错误类型
查看>>
Android UI优化——include、merge 、ViewStub
查看>>
Office WORD如何取消开始工作右侧栏
查看>>