uniapp对于vue3语法支持不太好

uniapp对于vue3语法支持不太好,第1张

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等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9466569.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存