vue3----1

73 阅读1分钟

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