1.3　Vue3结构

Vue3通过monorepo来管理项目，将核心库进行分离。整个Vue3工程通过TypeScript编写，工程目录和packages目录分别如图1.2和图1.3所示。

图1.2　工程目录

图1.3　packages目录

Vue3的全部核心代码都在packages目录内。该目录内每个文件都是单独的系统，涉及compiler（编译器）系统、reactivity（响应式）系统和runtime（运行时）系统。packages目录下的文件作用如表1.1所示。

表1.1　packages目录下的文件作用

注：reactivity-transform是一个实验性功能，用于解决响应式数据显式指定.value的问题，用于省略.value的转换方法。

后续源码介绍内容将会围绕packages目录下的文件展开，通过对Vue3运行原理的解析，帮助读者理解核心源码的实现。