vue3如何处理标签嵌套的

125 阅读1分钟

1、执行代码

源码中自带的todomvc.html代码 执行一下,代码很长就不贴了

2、打断点

runtime-dom\src\nodeOps.ts 在setElementText函数内部第一行打上断点 在这里插入图片描述

3、调用栈展示

image.png

4、递归调用过程总结

处理一个标签时,先处理内部孩子节点,等孩子节点处理完了,该标签也就处理完了, 这里的孩子节点,也有孩子节点,存在嵌套,同样遵循一样的逻辑,深度优先,逐层处理