Skip to content
On this page

vue3 整体架构

Monorepo 管理项目

Monorepo 是管理项目代码的一个方式,指在一个项目仓库(repo)中管理多个模块/包(package)。

Vue2 的代码放到了 src 目录中,根据功能进行了目录的拆分,Vue3 源码则采用 monorepo 方式进行管理,将模块拆分到 package 目录中,作为一个个包来管理,这样职责划分更加明确。

  • 一个仓库可维护多个包,不用到处找仓库
  • 方便版本管理和依赖管理,模块之间的引用,调用都非常方便# 1 Vue3 项目结构

image.png

Vue3 采用 Typescript

复杂的框架项目开发,使用类型语言非常有利于代码的维护,在编码期间就可以帮我们做类型检查,避免错误。所以 TS 已经是主流框架的标配~

Vue2 早期采用 Flow 来进行类型检测 (Vue2 中对 TS 支持并不友好), Vue3 源码采用 Typescript 来进行重写。同时 Vue2.7 也采用 TS 进行重写。TS 能对代码提供良好的类型检查,同时也支持复杂的类型推导。

沪ICP备20006251号-1