vue.js 3.0带来的新特性

Vue是一套基于MVVM模式的用于构建用户界面的JavaScript框架，是以数据驱动和组件化的思想构建的。尤雨溪在2013年12月7日发布Vue.js的0.6.0版本，2015年10月26日发布1.0.0版本，2016年10月1日发布了2.0.0版本，2020年9月18日发布了3.0版本。

Vue.js 3.0没有延用Vue.js 2.x版本代码，而是采用TypeScript重新编写，新版的API全部采用普通函数。

Vue.j 3.0新特性：

1. 更好的性能

Vue3.0重写了虚拟DOM的实现，并对模板的编译进行了优化，改进了组件初始化的速度，和Vue2.x相比，更新速度和内存占用方面性能提升不少。

2. Tree-Shaking支持

对无用的代码模块进行“剪枝”处理，仅打包需要的，而Vue2.x会把不用的功能代码也打包。

3. 组合API(Composition API)

Vue2.x使用mixin来复用功能，但mixin存在的问题是使用过多，很难知道哪个功能是从mixin引入的，另外mixin的类型推断比较差。Vue3.0新增的Composition API可以完美地替代mixin，让用户更灵活的复用代码，并且Compoxition API可以很好的进行类型推断，解决了多组件之间逻辑重用的问题。

4. 碎片(Flagmen)

Vue2.x的组件需要有一个唯一的根节点，而Vue3.0组件模板不再需要单个根节点，可以有多节点。

5. 传送(Teleport)

有时组件模板的一部分在逻辑上属于该组件，但从技术角度看最好将这模板的代码移动到VUE程序之外的其他位置，使用Teleport内置组件可以很容易实现。

6. 悬念(Suspense)

Suspense内置组件可以在嵌套层级中等待嵌套的异步依赖项，支持async setup()，支持异步组件。

7. 更好的TypeScript支持

Vue3.0代码采用TypeScript编写，具有更好的类型支持。开发人员可以采用TypeScript开发Vue应用，而无需担心兼容性问题，结合支持Vue3.0的TypeScript插件，开发更高效，并且拥有类型检查、自动补全等功能。

8. 自定义渲染器API

使用自定义渲染器API，用户可以尝试与第三方库集成，如编写WebGL自定义渲染器。