vue3和vite双向加持,uni-app性能再次提升

uni-app 对 vue3 & Vite 的升级,是一个渐进式过程:

  • 2020年9月:小程序平台支持 vue3 开发,小程序平台编译器依然使用webpack;
  • 2021年5月:H5平台支持 vue3 开发,H5平台编译器升级为 Vite;
  • 2021年8月:App平台支持 vue3 开发,App平台编译器升级为 Vite;
  • 2021年11月:小程序平台编译器升级为 Vite;

至此,uni-app 在全平台支持了 Vite 编译及Vue 3.x 运行。

so,这场持续一年之久的大版本升级,究竟给 uni-app 项目带来了哪些提升?

是时候总结(秀)一波了。

新版 uni-app 框架主要做了三大改进:

  • 重写框架内核:基于 vue3 + ts 重写内置组件和API,实现更彻底、更高效的 tree-shaking;
  • 新增支持 Vite 构建工具,在H5平台实现秒开预览;
  • 新增支持 Vue3.x,实现更灵活的开发方式,及更高的运行性能;

基于这三大改进,uni-app 项目获得了多快好省的四大收益:

  • 更多的语法支持,支持组合式API,业务聚焦,开发效率更高;
  • 更快的编译速度,H5平台十倍加速,小程序、App加速30%以上;
  • 更好的运行性能,用户端响应更快,体验更好;
  • 更小的代码体积,瘦身30%以上,更省体积、更省流量

更多的语法支持

新版 uni-app 支持Vue 3.x框架,支持组合式API,可实现更聚焦的业务开发。

Vue 3.x的一些新增特性,uni-app 也已经完全支持,如:

  • 支持