Vue3源码分析

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

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

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

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

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

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

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

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

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

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

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

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

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