
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 3x 运行。
so,这场持续一年之久的大版本升级,究竟给 uni-app 项目带来了哪些提升?
是时候总结(秀)一波了。
新版 uni-app 框架主要做了三大改进:
重写框架内核:基于 vue3 + ts 重写内置组件和API,实现更彻底、更高效的 tree-shaking;
新增支持 Vite 构建工具,在H5平台实现秒开预览;
新增支持 Vue3x,实现更灵活的开发方式,及更高的运行性能;
基于这三大改进,uni-app 项目获得了多快好省的四大收益:
更多的语法支持,支持组合式API,业务聚焦,开发效率更高;
更快的编译速度,H5平台十倍加速,小程序、App加速30%以上;
更好的运行性能,用户端响应更快,体验更好;
更小的代码体积,瘦身30%以上,更省体积、更省流量
更多的语法支持
新版 uni-app 支持Vue 3x框架,支持组合式API,可实现更聚焦的业务开发。
Vue 3x的一些新增特性,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视频教程》百度网盘资源免费下载
ni74
uniapp视频教程|uni-app手册及资料txt|9、表单及表单组件mp4|8、基础组件mp4|7、事件及事件绑定mp4|6、class 及 stylemp4|5、模板语法及数据绑定mp4|4、生命周期mp4|3、配置相关mp4|30、自定义组件封装及使用,组件间的消息传递mp4|2、样式与布局mp4|29、在 uni-app 中使用 vue (三)mp4|28、在 uni-app 中使用 vue (二)mp4|27、在 uni-app 中使用 vue (一)mp4|26、补充课程 - 新闻列表、详情小实战mp4
小程序端需要一个查看的 *** 作,不能编辑分类,需要 disabled 掉 uni-data-picker 。
官方文档 说 readonly 可以禁用,于是尝试:
设置 5 秒延时试试?网速慢的时候也解决不了问题……
换个思路,阻止 input d出层不就ok 了于是根据 disabled 属性加了个 disabled class ,
注: disabled 属性是在 onLoad 时根据是否为编辑状态动态变化的,默认为 false (可编辑)。
ooooooh,解决!
以上就是关于uniapp对于vue3语法支持不太好全部的内容,包括:uniapp对于vue3语法支持不太好、uniapp视频直播插件该用什么、uni-app 小程序 uni-data-picker 设置为 disabled等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)