在上一篇文章《响应式原理与 reactive》中由于篇幅限制笔者留下了两个小悬念 track 依赖收集处理器与 trigger 派发更新处理器没有细致讲解，而在本篇文章中笔者会带着大家一起来学习

深入浅出 Diff 算法，完整源码行行加注释，一层层揭开 Diff 算法的面纱，助你彻底弄懂 Diff 算法原理

导读 本文会一步一步的剖析vue3 vdom中的数组diff算法。 文中代码会尽可能还原vue3源码中的diff代码，变量名和函数名都会照搬源码。如有部分不一致的地方会在文中标注。 正文 本文主要内容

vue2——双端diff算法 具体来说就是新旧 VNode 节点的左右头尾两侧都有一个指针，用来遍历对比新旧 VNode 列表。 当新老 VNode 节点的 start 或者 end 满足同一节点时，

「这是我参与11月更文挑战的第17天，活动详情查看：2021最后一次更文挑战」 创建Vue应用实例，是一个项目的开始，这篇文章看看createApp内部都发生了什么。当然如果你对Vue3响应式系统感兴

起初 Vue3.0 暴露变量必须 return 出来，template中才能使用； Vue3.2 中 只需要在 script 标签上加上 setup 属性，组件在编译的过程中代码运行的上下文是在 se

使用了懒递归的方式。vue2使用的是强制递归的方式对嵌套中的对象进行监听。而vue3是在读取对象内部的嵌套的对象时，才会为其建立代理 创建响应式对象，为对象配置set、get、has等。 由于篇幅问题这里只保留了关键代码，去掉了一些校验的代码。 收集依赖，存入全局的map对象中…