vue3
1.性能的提升
- 1.打包大小减小41%
- 2.初次渲染快55%,更新渲染快133%
- 3.内存减少54%
2.源码升级
- 1.使用proxy代替defineProperty实现响应式
- 2.重写虚拟dom的实现和Tree-Shaking
3.拥抱ts
- 1.vue3可以更好的支持ts
4.新的特性 1.Composition API(组合API)
-
1.setup配置 -
2.ref与reactive -
3.watch与watchEffect -
4.provide与inject 等。。。
2.新的内置组件
-
1.Fragment -
2.Teleport -
3.Suspense
3.其他的改变
-
1.新的生命周期钩子 -
2.data选项应始终被声明为一个函数 -
3.移除keyCode支持作为v-on的修饰符 等。。。。
Vite
什么是vite----构建工具
优势:
- 1.开发环境中,无需打包操作,可快速的冷启动
- 2.轻量快速的热重载
- 3.真正的按需编译,不在等待整个应用编译完成
使用vite创建工程
- 1.npm init vite-app 项目名称
- 2.npm install
- 3.npm run dev