vue diff算法

·  阅读 55

1.png

没有key

2.png

有key

  1. 从头开始遍历,遇到key不相同的跳出循环 3.png

  2. 从尾开始遍历,遇到key不相同的跳出循环 4.png

  3. 添加新节点

5.png

  1. 删除节点

6.png

  1. 不知道序列,尽可能复用,新节点进行添加,旧节点进行删除

7.png

分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改