Vue(Vue2+Vue3)——77.Vue3.0

77 Vue3.0

Vue3.0简介

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

Vue3带来了什么

1.性能的提升

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

2.源码的升级

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

3.拥抱TypeScript

• Vue3可以更好的支持TypeScript
• 
  

4.新的特性

1. Composition API（组合API）

1. setup配置
   
2. ref与reactive
   
3. watch与watchEffect
   
4. provide与inject
   
5. ......
   

2. 新的内置组件

1. Fragment
   
2. Teleport
   
3. Suspense
   

3. 其他改变

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