Vue3快速上手简介_vue.js

文章目录

  • ​​Vue3快速上手简介​​
  • ​​1.Vue3简介​​
  • ​​2.Vue3带来了什么​​
  • ​​1.性能的提升​​
  • ​​2.源码的升级​​
  • ​​3.拥抱TypeScript​​
  • ​​4.新的特性​​

Vue3快速上手简介

1.Vue3简介

2.Vue3带来了什么

1.性能的提升

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

2.源码的升级

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

3.拥抱TypeScript

  • Vue3可以更好的支持TypeScript

4.新的特性

  1. Composition API(组合API)
  • setup配置
  • ref与reactive
  • watch与watchEffect
  • provide与inject
  1. 新的内置组件
  • Fragment
  • Teleport
  • Suspense
  1. 其他改变
  • 新的生命周期钩子
  • data 选项应始终被声明为一个函数
  • 移除keyCode支持作为 v-on 的修饰符