Vue

为什么需要有 Diff 算法？ 由于构建 DOM 的消耗远比 JS 消耗大的多，所以为了尽可能的减少 DOM 操作，框架的前辈们利用 VNode 和 Diff 算法，通过对比前后两个 Vnode 的不

前言 我们在前面 effect 里最终调用 trigger 的地方有一个 effect.scheduler ? effect.scheduler() : effect.run() 调度器并非 Vue

前言 我们在响应式中提到过 get 触发 track 而 set 会去触发 trigger，这 2 个方法就是定义在 effect.ts 文件中的。此外这里还定义了一个 ReactiveEffect

前言 在 Vue3 中，我们使用 Proxy 代替 Vue2 中的 defineProperty 进行数据绑定。这里就涉及到了 2 个重要的 API ，reactive 和 ref。 在使用上，rea

前言 编译篇 简单学习完，上文最后的 runtimeDom，实际是 runtime-dom/index.ts 文件中所导出的内容。我们点进去会发现一个非常眼熟的 API， createApp ，run

前言 文章基于 Vue3 源码，版本为 3.3.0-alpha.4，由于本人能力所限，只是对源码的粗略解读，最终目标是实现一个【粗糙】的 Vue 框架。（属实是能力有限(lll ￢ ω ￢)） Par

前言 在前面 parse 中，我们已将普通的模板字符串解析成了 AST， 当然这个 parse 只做了简单的处理，对 {{}} ，文本节点， 元素节点 做了处理，要实现我们的指令等复杂逻辑，仅仅这些处