vue3 源码结构介绍

vue 包含两个阶段一个是编译阶段一个是运行时阶段

编译阶段

1. 核心：compiler-sfc 模块
   依赖：copiler-dom 和 compiler-core
   作用：用来解析 sfc（单文件组件也就是我们平时写的.vue）

2. compiler-dom
   依赖 compiler-core
   作用：解析 template 将其编译为一个 render 函数，将 vue 文件转成 js 文件

总结：sfc 依赖 compiler-dom 和 compiler-core 将 template 编译成一个 render 函数

运行时阶段

1. runtime-dom
   依赖 runtime-core
   作用：处理 dom 节点

2. runtime-core
   依赖 reactivity
   作用：核心运行时，相关逻辑处理都在这里

3. reactivity
   作用：实现 vue 响应式