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 新特性
- Composition API(组合API)
- setup配置
- ref与reactive
- watch与watchEffect
- provide与inject
- 新的内置组件
- Fragment
- Teleport
- Suspense
- 其他改变
- 新的生命周期钩子
- data选项应始终被声明一个函数
- 移除keyCode支持作为v-on的修饰符
2.2 vite 创建工程
## 创建工程
npm init vite-app <project-name>
## 进入工作目录
cd <project-name>
## 安装依赖
npm I
## 运行
npm run dev