在记录DOM元素位置这里不太理解

来源:10-13 transition-group(3)

城北丶

2021-03-31

在render的时候,记录的是旧节点DOM元素的位置并挂载到pos上,

然后在updated的时候,children也是指向的this.prevChildren。然后记录每个节点DOM元素的位置并挂载到newPos上。

这里有些看不明白,按照代码来看,两次记录的都是旧节点的位置,那位置应该没有变化。

写回答

2回答

前端工程师666777888

2021-05-09

之前我也有相同的疑问 当看到第4节单步调试第10分钟30秒左右时,我明白了。 他们是同一个数组,都是上一次的那9个vnode 。但是在render中计算的尺寸是第一渲染时的尺寸,在updated中计算的尺寸是第二次渲染时的尺寸。无论第一次还是第二次,计算的还是那9个元素的尺寸。但是第一次和第二次,尺寸已经变了
0
0

ustbhuangyi

2021-04-01

//img.mukewang.com/szimg/6064a66709de56d722620926.jpg

每次 render 的时候,prevChildren 执向上一次收集的 children,然后把 chidren 又变成空数组,重新收集,没有问题呀

0
0

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

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

4986 学习 · 1038 问题

查看课程