vue diff算法

陈宥维给我火
188 阅读1分钟

1.png

没有key

2.png

有key

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

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

  3. 添加新节点

5.png

  1. 删除节点

6.png

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

7.png

avatar
文章
阅读
粉丝