Vue3.0 总结

66 阅读1分钟

Vue3

2.1 Vue3 带来了什么

2.1.1 性能的提升

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

2.1.2 源码的升级

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

2.1.3 拥抱TypeScript

  • Vue3 可以更好的支持TypeScript

2.1.4 新特性

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

2.2 vite 创建工程

## 创建工程
npm init vite-app <project-name>
## 进入工作目录
cd <project-name>
## 安装依赖
npm I
## 运行
npm run dev

www.jianshu.com/p/82cd45039…