Vue3的简单介绍

Vue3和Vue2的区别

源码的组织方式

• 使用 TypeScript 重写

首先为了提升代码的可维护性，Vue3.0 抛弃了 Flow 类型注释，而是全部采用了更加严格的 TypeScript 重写，大型项目的开发都推荐使用类型化的语言，这样可以在编码的过程中帮助我们检查类型化的问题，比如给函数传参，如果类型不匹配，会有相应的类型提示。当然了，你可以不在你的项目中使用 TypeScript，而是使用 JavaScript，Vue3.0 也是完全支持的

• 使用了 monorepo 管理项目结构

monorepo 使用一个项目来管理多个包，把不同功能的代码放在不同的包中去管理，这样每个功能模块的划分都很明确，模块之间的依赖关系也很明确，并且每个功能模块都可以单独测试、单独发布、单独使用。
我们可以来看看源码中的 packages 的目录结构：

compiler-core 和平台无关的编译器
compiler-dom 浏览器平台下的编译器，依赖于 compiler-core
compiler-sfc sfc 的意思是 single-file-component 单文件组件，依赖于 compiler-core 和 compiler-dom
compiler-ssr 服务器端渲染的编译器，依赖于 compiler-dom
reactivity 数据响应式系统，可以独立使用
runtime-core 和平台无关的运行时
runtime-dom 针对浏览器的运行时，处理原生的 DOM 的 API 和 事件等
runtime-test 为测试编写的轻量级的运行时，将 DOM 渲染成 js 对象，可以运行在所有的 js 环境里，可以验证 DOM 是否渲染正确，还可以用来序列化 DOM、触发 DOM 事件、记录某次 DOM 更新操作
server-renderer 服务器端渲染
shared vue内部使用的一些内部api
size-check 在 tree-sharking 后检查包的大小，这是一个私有的包，不会发布到 npm 上
template-explorer 在浏览器里运行的实时编译组件，会输出 render 函数
vue 构建完整版的 Vue，依赖于 compiler 和 runtime

Composition API

Vue3.0 的代码虽然全部重写，但是 90% 以上的 API 依然兼容 2.x。并且根据社区的反馈，增加了 Composition API，这是为了解决 Vue2.x 在开发大型项目时，处理超大组件使用 Options API 不好拆分和重用的问题。

1. 怎样学习 Composition API？

学习 Composition API 的最好的方式就是查看官方的 RFC（Request For Comments），Vue2 升级到 Vue3 的大的变动就是通过 RFC 的机制去确认的，首先管方给出一些提案，然后收集社区的反馈并讨论，最后确认。
RFC官方地址：https://github.com/vuejs/r