关于这个组建插入的粗略理解

来源:3-5 patch(下)

慕工程2451917

2020-07-21

之前不是有一个simple模式的遍历和一个递归模式的遍历吗?一开始我一直不知道这个simple模式有啥用,看到这里粗略的理解了一点,也不知道对不对。 在每个组件要被插入之前就要拿这个simple模式遍历,快速知道这个组件还有没有其他子组件,如果没有 直接将这个vnode 给这个组件vm.$el 然后在insert .;但是如果其中有组建的话将进行递归遍历,通过那个preactiveinstance 和 activeinstance  来存储这个父子关系,然后通过insert 插入到父实例 el 中,然后在父组件的时候统一 insert 到页面上 , 也不知道是不是这样 ,我可能说的很模糊,不知道是不是这么个大概流程

写回答

1回答

ustbhuangyi

2020-07-22

其实组件初始化创建的过程是一个深度优先的遍历过程,通过递归来实现的。组件的创建顺序是先父后子,但是DOM 的插入顺序也是先子后父。

0
0

Vue.js 源码深入解析 深入理解Vue实现原理

全方位讲解 Vue.js 源码,进阶高级工程师

4984 学习 · 1037 问题

查看课程