uniapp对于vue3语法支持不太好

Posted 2023-04-03

参考技术A 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 也已经完全支持，如：

支持<script setup>
支持<style scoped>、<style module>、State-Driven Dynamic CSS(v-bind)
支持jsx、tsx（h5,app 平台支持，小程序不支持）
另外，在小程序平台，新版 uni-app 也扩展了更多的语法，如：

更完善的模板语法支持（如 class、style 支持函数、变量等，不再局限数组、对象类型）
更完整的 props 支持（如传递函数）
更完善的 slot 支持（如作用域插槽

uniapp

1. 介绍： uniapp是Dcloud上的一个跨段开发解决方案，针对移动端，ios，安卓，各小程序平台，移动端h5页面等等。

2. 语法组成：其语法是采用的框架是uniapp框架（标签结构采用小程序的标签结构和小程序的API，js语法采用vue的语法，ui框架采用uni框架，组件化是标准的vue组件化结构，还有第三方组件等）。

3. 条件编译，条件编译是uni实现跨终端开发的解决问题的方式。

4. h5+, h5+扩展规范，是针对ios，安卓端平台的，这个h5+规范需要载条件编译下进行的。