往往
往往
Published on 2025-05-30 / 2 Visits
0
0

Vue3 源码理解

源码仓库

https://github.com/vuejs/core/tree/v3.2.37

源码阅读顺序

  1. packages/reactivity/src/index.ts:理解响应式系统。

  2. packages/runtime-core/src/index.ts:了解Vue应用的初始化和基本运行机制。

  3. packages/runtime-core/src/renderer.ts:深入渲染器机制,了解虚拟DOM和真实DOM的转换。

  4. packages/runtime-dom/src/index.ts:扩展到与DOM相关的操作,如指令和事件处理。

  5. packages/compiler-core/src/index.ts:了解模板字符串的编译过程。

  6. packages/compiler-dom/src/index.ts:深入指令和事件的编译逻辑。

  7. packages/vue/src/index.ts:整合所有模块,了解Vue 3的整体架构。


Comment