共计 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 源码,希望高手可以给下指引,可以发一下源码文件的地址方便快速入手,或者简单说一下原理。谢谢大家
正文完