Vue3简介

• 2020年9月18日，Vue.js发布3.0版本，代号：One Piece(海贼王)
• 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者
• github的tags地址：https://github.com/vuejs/core/releases/tag/v3.0.0

1. Vue3的优势

1.1 性能提升

• 打包大小减少41%
• 初次渲染快55%，更新渲染快133%
• 内存减少54%
  ....

1.2 核心代码升级

• 使用Proxy代理代替defineProperty实现响应式
• 重写虚拟DOM的实现和Tree-Shaking
  ....

提示

Tree shaking 是一个通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code) 行为的术语,可以理解成这个技术的作用就像一个树不断地摇晃，树上的枯枝败叶就掉落下来，树上只留下了有用的叶子。

1.3 拥抱TypeScript

• Vue3可以更好的支持TypeScript

提示

Vue2也可以支持ts，但需要比较多的配置而且官方没有提供集成ts的解决方案，Vue3官方正式支持集成ts

2. 新的特性

2.1 引入Composition API(组合API)

• setup配置
• ref与reactive
• watch与watchEffect
• provide与inject
  ....

2.2 新的内置组件

• Fragment
• Teleport
• Suspense

2.3 其他新特性

• 新的生命周期钩子
• data选项应始终被声明为一个函数
• 移除keyCode支持作为v-on的修饰符
  ....