史上最详细的 Vue 3 渲染过程与 diff 图解

2023-04-10
阅读 21 分钟
2.8k
从上一篇 从 CreateApp 开始学习 Vue 源码 中,基本了解了 createApp() 与 app.mount() 两个方法的来源和大致执行过程,这里依然以上文的流程图来进行回顾:
封面图

Vue2 diff 算法图解

2023-04-07
阅读 10 分钟
2k
看 Vue 2 的源代码已经很久了,从用 flow 到如今使用 TypeScript,我每次都会打开它的源代码看一看,但是每次都只看到了 数据初始化 部分,也就是 beforeMount 的阶段,对于如何生成 VNode(Visual Dom Node, 也可以直接称为 vdom) 以及组件更新时如何比较 VNode(diff)始终没有仔细研究,只知道采用了 双端 diff 算...
封面图