内容已过时，请访问 yangyitao.com订阅 Vue3源码分析

内容已过时，请访问 yangyitao.com订阅 Vue3源码分析

内容已过时，请访问 yangyitao.com订阅 Vue3源码分析

内容已过时，请访问 yangyitao.com订阅: 本转来将会从Vue3的代码组织策略monorepo讲起，进而分析Vue3的构建流程，然后深入Vue3的各个子项目中分析源码细节，欢迎访问：www.yangyitao.com

等 32 人订阅共13篇文章创建于2022-03-16

Vue3源码13: 从AST到render函数（transform与代码生成）

本文将会先分析模版字符串对应的AST转化成可以描述js代码的AST，接着分析根据转化后的AST生成代码的过程

4年前
1.2k
5
评论

Vue3源码12: 编译过程介绍及分析模版AST的生成过程

本文先会分析`Vue3`的编译过程主要包含哪些环节，理解了主体环节后，再带着大家深入分析`AST`的生成过程

4年前
473
6
评论

Vue3源码11: 编译优化之Block Tree 与 PatchFlags

本文会从一段模版代码开始，先后讲解patchflag、Block、Block Tree实现原理，帮助大家理解编译优化

4年前
4.6k
22
评论

Vue3源码10: 名动江湖的diff算法

本文会从函数patchChildren函数讲起，先让大家理解该函数的核心功能。接着分析diff算法的具体实现

4年前
1.3k
14
评论

Vue3源码09: 组件渲染和更新流程

本文会带着大家分析`processElement`和`processComponent`这两个函数的大部分源码实现

4年前
1.5k
10
评论

Vue3源码08: 虚拟Node到真实Node的路其实很长

本文会带着大家进入`render`函数，先从从总体上把握**Vue3**的渲染核心流程以及部分源码实现细节

4年前
1.2k
11
评论

Vue3源码07: 故事要从createApp讲起

本文会讲到`runtime-dom`和`runtime-core`之间的代码协作关系，以及`createApp`函数的具体实现逻辑，实现逻辑讲到对`render`函数的调用为止。

4年前
1.4k
17
评论

Vue3源码06: reactive、ref相关api源码实现

笔者在本文将会分析`reactive.ts`和`ref.ts`两个文件中对外暴露的日常经常使用的`API`对应的源码实现。

4年前
889
22
2

Vue3源码06: reactive、ref相关api源码实现

Vue3源码05 : Vue3响应式系统源码实现（2/2）

本文会重点分析`effect.ts`中的每一个API及相关代码的实现细节，因为响应式原理的核心是`Proxy`代理机制，还有对依赖关系的管理进行比较深入的分析

4年前
1.3k
15
评论

Vue3源码05 : Vue3响应式系统源码实现（2/2）

Vue3源码04 : Vue3响应式系统源码实现（1/2）

本文将会从观察`reactivity`的代码文件结构开始，并从中选出最核心最重要的几个文件分析其代码关系，接着分析其实现细节

4年前
752
18
评论

Vue3源码04 : Vue3响应式系统源码实现（1/2）

Vue3源码03: Vue3响应式核心原理

本文会先分析`reactivity`的代码主体结构，进而分析其关键部分的实现细节，最后会对其中一些值得大家学习的点拿出来和大家分享。

4年前
982
16
评论

Vue3源码03: Vue3响应式核心原理

Vue3源码02: 项目构建流程和源码调试方法

本文主要分析Vue3源码的构建流程，对于发布暂时不讲解。在构建流程分析结束后，再讲解一个源码调试的案例，同时也会讲解为什么可以这样调试。

4年前
1.0k
17
5

Vue3源码02: 项目构建流程和源码调试方法

Vue3源码01 : 代码管理策略-monorepo

本文首先会介绍monorepo的一些基础知识，接着会介绍几种实现monorepo策略的具体方案，最后再进入Vue3的源码中了解其采取的具体方案和实施细节

4年前
2.3k
23
1

Vue3源码01 : 代码管理策略-monorepo