Vue的加载顺序探讨
来源:互联网 发布:java时间戳计算天数 编辑:程序博客网 时间:2024/05/02 08:47
原文地址:http://blog.csdn.net/yiifaa/article/details/53393479
在Vuejs 1.0版本中,如果父子组件进行配合,它们的生命周期执行具有如下特点:
1. created总是先父后子
生命周期函数created总是按照从父到子的顺序依次执行,但是兄弟之间没有严格按照这样的顺序执行,估计是采用了异步函数,不仅如此,子组件在父组件中的插入顺序也是随机的,并没有什么特别的规律。假定子组件的引用顺序如下:
- 1
- 2
- 3
- 4
- 1
- 2
- 3
- 4
如果采用$children引用来获取所有的子组件,那么”child-c1”并不总是处于第一个位置,如下:
- 1
- 2
- 3
- 4
- 1
- 2
- 3
- 4
2. ready的顺序更混乱
按照我的估计,父子组件的ready顺序应该是先子后父,这样才能保证组件完全加载完成,但从实践的实例来看,ready完全没有顺序,有时候是父组件先加载完成,也有时候是子组件先加载完成,所以在编程实践中,绝对不可以依赖他们的加载顺序。
3. 结论
在实践中,如果需要保障组件依次加载完成,绝对不可以依赖组件的生命顺序,也不能依赖父子组件的ready生命周期。
阅读全文
0 0
- Vue的加载顺序探讨
- Vue的加载顺序探讨(一)
- Vue的加载顺序探讨(二):如何判断所有的子组件加载完成
- 解决Vue渲染与插件的加载顺序问题
- 探讨全局变量的析构顺序
- switch case顺序的深入探讨
- JAVA类的初始化执行顺序探讨
- 关于元素层叠顺序的探讨
- 类的加载顺序
- 类的加载顺序
- Page的加载顺序
- swing的加载顺序
- classloader 的加载顺序
- Report的加载顺序
- 类的加载顺序
- 类的加载顺序
- 类的加载顺序
- 类的加载顺序
- [BZOJ 2502]清理雪道:上下界网络流
- Textview字体变色方法
- Java面试宝典 HTML、js、ajax、数据库
- 带你知道艺高国际集团——Jackson系统!
- Docker的镜像和容器的区别
- Vue的加载顺序探讨
- Android是屏幕常亮的方法
- Tensorflow -tf.shape(a)和a.get_shape()
- [笔记]: 差分约束
- MySql如何用一句sql语句对某个字段进行处理后,再进行对字段进行修改?即update和select如何混合写?
- 008. Spring Bean继承关系
- Android基础之ContentProvider操作本地短信数据库
- 存储管理
- String Date Calendar之间的转换