{{ theme.skipToContentLabel || 'Skip to content' }}

学习路径指南

📚 系列定位

本系列 11 本书籍采用 "设计思想 + 源码解析""Mini 实现" 分离的架构,聚焦于 L3-L4 源码级别,面向 3-5 年经验的前端开发者。

🎯 如何选择学习路径?

根据你的学习目标选择对应的学习路径:


路径 A:Vue3 核心原理(基础路线)

适合人群:希望理解 Vue3 核心运行机制

学习目标:掌握 Vue3 最核心的三大系统

学习路线

响应式系统 → 组件系统 → 渲染器系统

预计时长:约 12-16 周

学习成果

  • ✅ 理解 Proxy 响应式的设计与实现
  • ✅ 理解组件生命周期和渲染机制
  • ✅ 理解 Virtual DOM 和 Diff 算法
  • ✅ 能手写 Mini Vue3 核心功能

路径 B:Vue3 全栈深入(进阶路线)

适合人群:希望全面掌握 Vue3 生态系统

学习目标:成为 Vue3 源码专家

学习路线

响应式 → 组件 → 渲染器 → 编译器 → 路由 → 状态管理

预计时长:约 24-28 周

学习成果

  • ✅ 精通 Vue3 全部核心模块源码
  • ✅ 理解框架设计的权衡与取舍
  • ✅ 能从零实现完整的 MVVM 框架
  • ✅ 能做出合理的技术选型决策

路径 C:企业级应用(实战路线)

适合人群:聚焦企业级应用开发关键技术

学习目标:掌握企业级 Vue3 应用架构

学习路线

组件系统 → 路由系统 → 状态管理 → SSR

预计时长:约 14-18 周

学习成果

  • ✅ 掌握组件系统设计与状态管理
  • ✅ 掌握复杂路由和权限管理
  • ✅ 掌握 SSR/SSG 方案设计
  • ✅ 能设计企业级 Vue3 应用架构

📖 按模块学习

源码解析书籍

书籍核心内容章节数时长
《Vue3 响应式系统源码深度解析》Proxy、依赖收集、effect、computed77 章2-3 周
《Vue3 组件系统源码深度解析》生命周期、Props、Slots、渲染流程88 章3-4 周
《Vue Renderer 源码深度解析》VNode、Diff、Patch、调度器80 章2-3 周
《Vue Compiler 源码深度解析》模板解析、AST、Transform、Codegen92 章3-4 周
《Vue Router 设计与实现》History API、路由匹配、导航守卫79 章3-4 周
《Pinia 设计与实现》Store、Actions、Getters、插件系统80 章2-3 周
《Vue SSR 设计与实现》同构渲染、水合、流式渲染78 章2-3 周

Mini 实现书籍(配套实践)

书籍配套源码书籍章节数时长
《从零实现 Mini Vue Reactivity》响应式系统源码解析26 章1 周
《从零实现 Mini Vue Component》组件系统源码解析20 章1 周
《从零实现 Mini Vue Renderer》渲染器源码解析22 章1 周
《从零实现 Mini Vue Compiler》编译器源码解析21 章1 周

📐 书籍架构说明

源码解析书籍结构

第一部分:设计思想(约 30%)
├── 核心概念与设计理念
├── 设计原则与权衡
└── 架构概览

第二部分:源码解析(约 70%)
├── 整体架构与模块划分
├── 核心模块逐行解读
└── 边界处理与异常情况

Mini 实现书籍结构

第一部分:项目架构(约 10%)
├── 项目架构设计
└── 接口定义与类型

第二部分:核心功能实现(约 75%)
└── 核心功能从零实现

第三部分:测试与优化(约 15%)
├── 单元测试设计
└── 总结与回顾

💡 学习建议

  1. 动手实践:每章都要实际编码,不要只看不练
  2. 源码对照:结合官方源码学习,加深理解
  3. 循序渐进:按照书籍结构顺序学习,不要跳跃
  4. 配合 Mini 实现:阅读源码解析后,配合 Mini 实现书籍动手实践
  5. 定期复习:间隔复习前面的内容,巩固记忆

🎯 前置知识要求

  • ✅ 熟悉 Vue3 基础使用(Composition API)
  • ✅ 熟悉 TypeScript 基础语法
  • ✅ 熟悉 ES6+ 语法特性
  • ✅ 了解基本的数据结构和算法

📖 开始学习

选好路径后,点击对应模块开始你的学习之旅:

源码解析

Mini 实现(配套实践)

基于 VitePress 构建