关于虚拟dom

Question

老师我想请问下有关于虚拟dom的问题，当使用index作为key的div进行循环，我之前看过一篇文章是说，如果tag和key都相同的话，认为他们是没有变化的，直接进行复用。
那么如果是index的话，他的tag和key不发生变化但是内容很有可能发生变化，在这样的场景下虚拟dom是怎么处理的呢？老师给我讲讲吧，谢谢

Answer 1

Dell 2021-07-07 23:15:28

虚拟dom不仅比较key，还会继续深度比较。如果key相同继续比较， 如果不相同直接略过。

Answer 2

提问者 有没有没被占用的昵称 2021-07-05 15:33:22

如果两个div，两次渲染key没有发生变化，只是子节点span的innerHtml发生变化了，虚拟dom会对前后key相同的两个div进行遍历比较修改吗？还是直接复用呀。

类似这样的dom结构

<div :key="item.key"><span>{{item.name}}</span></div>

• Dell #1

  会继续对比里面的内容，只会复用最外层的dom

• 提问者 有没有没被占用的昵称 回复 Dell #2

  嗯嗯，老师，我理解了