大前端学习笔记--Vue.js 3.0

Vue.js 3.0 介绍

文章内容输出来源：大前端高薪训练营

一、Vue.js 源码组织方式

1. 源码采用TypeScript重写

提高了代码的可维护性。大型项目的开发都推荐使用类型化的语言，在编码的过程中检查类型的问题。

2. 使用Monorepo管理项目结构

使用一个项目管理多个包，把不同功能的代码放到不同的package中管理，每个功能模块都可以单独发布，单独测试，单独使用。

3. 不同构建版本

Vue3中不再构建UMD模块化的方式，因为UMD会让代码有更多的冗余，它要支持多种模块化的方式。Vue3中将CJS、ESModule和自执行函数的方式分别打包到了不同的文件中。在packages/vue中有Vue3的不同构建版本。

• cjs（两个版本都是完整版，包含编译器）
  • vue.cjs.js
  • vue.cjs.prod.js（开发版，代码进行了压缩）
• global（这四个版本都可以在浏览器中直接通过scripts标签导入，导入之后会增加一个全局的Vue对象）
  • vue.global.js（完整版，包含编译器和运行时）
  • vue.global.prod.js（完整版，包含编译器和运行时，这是开发版本&#x