Vue的加载顺序探讨(一)
来源:互联网 发布:hashcode源码 编辑:程序博客网 时间:2024/05/16 02:11
在Vuejs 1.0版本中,如果父子组件进行配合,它们的生命周期执行具有如下特点:
1. created总是先父后子
生命周期函数created总是按照从父到子的顺序依次执行,但是兄弟之间没有严格按照这样的顺序执行,估计是采用了异步函数,不仅如此,子组件在父组件中的插入顺序也是随机的,并没有什么特别的规律。假定子组件的引用顺序如下:
<div class="container"> <child-c1 v-ref:child1></child-c1> <child-c2 v-ref:child2></child-c2></div>
如果采用$children引用来获取所有的子组件,那么”child-c1”并不总是处于第一个位置,如下:
// 大多数时候判断会失败 if(this.$children[0] === this.$refs.child1) { // 这里的代码很可能得不到执行机会 }
2. ready的顺序更混乱
按照我的估计,父子组件的ready顺序应该是先子后父,这样才能保证组件完全加载完成,但从实践的实例来看,ready完全没有顺序,有时候是父组件先加载完成,也有时候是子组件先加载完成,所以在编程实践中,绝对不可以依赖他们的加载顺序。
3. 结论
在实践中,如果需要保障组件依次加载完成,绝对不可以依赖组件的生命顺序,也不能依赖父子组件的ready生命周期。
0 0
- Vue的加载顺序探讨(一)
- Vue的加载顺序探讨
- Vue的加载顺序探讨(二):如何判断所有的子组件加载完成
- 解决Vue渲染与插件的加载顺序问题
- 探讨全局变量的析构顺序
- switch case顺序的深入探讨
- JAVA类的初始化执行顺序探讨
- 关于元素层叠顺序的探讨
- 类的加载顺序
- 类的加载顺序
- Page的加载顺序
- swing的加载顺序
- classloader 的加载顺序
- Report的加载顺序
- 类的加载顺序
- 类的加载顺序
- 类的加载顺序
- 类的加载顺序
- Android Environment相关函数
- Tomcat 启动时报 to the cache because there was insufficient free space available after evict
- astyle linux美化代码
- 求1000以内的回文数
- 【MySQL】性能优化之 Index Condition Pushdown
- Vue的加载顺序探讨(一)
- CocoaPods报错:The dependency `AFNetworking ` is not used in any concrete target
- Ngrok让你的本地Web应用暴露在公网上
- 控制行式填报表下拉日历是否可写
- 图片的等比例压缩和质量压缩,图片转化成FILE
- 在visio studio中添加项目并查看网页
- 分区表与索引的管理
- Laravel框架5.*自定义常量的方法
- SLAM笔记一——入门介绍