请教一个 vue3 diff 问题

26次阅读

共计 282 个字符,预计需要花费 1 分钟才能阅读完成。

示例代码如下

  • ...
  • ...
  • ...

按我理解,会创建如下的 vnode

ul
--FragmentItem-1
----li-1-1
----li-1-2
----li-1-3
--FragmentItem-2
----li-2-1
----li-2-2
----li-2-3
--FragmentItem-3
----li-3-1
----li-3-2
----li-3-3

最终渲染的 li 元素,都是平级的

我的疑问是,FragmentItem-2 是怎么定位从哪个 DOM 开始 diff 的?还没深入阅读 vue3 源码,希望高手可以给下指引,可以发一下源码文件的地址方便快速入手,或者简单说一下原理。谢谢大家

正文完
 0