不会还有人不知道github排名较前的Vue3 UI框架吧?

2024你应该知道并使用vue3开发的UI库

1.Quasar

 Quasar UI是一个不被大众熟知的框架,目前github已有24k star

基于MIT开源协议在github上开源,任何人都可以免费下载,免费用于个人或商业项目。至于为什么选择Quasar,官方给出的答案是开箱即用的,对桌面和移动浏览器,包括ios safari的最佳支持。

通过与我们自己的CLI紧密集成,对每种构建模式,SPA、SSR、PWA移动应用程序、桌面应用程序和浏览器扩展,提供了一流的支持。并提供了最佳的开发人员体验,还有包括性能在内的一系列优点,它还提供了一些指令来调用API,以及内置了一些插件和组合式函数。

2.Vant

Vant UI是有赞前端团队开源的移动端vue组件库,适用于手机端h5页面,个人认为vant的整体风格算不上太出众,但它的组件和功能却非常实用且稳定。

80多个高质量组件,覆盖移动端主流场景,零外部依赖,不依赖三方npm包。支持TypeScript和SSR,提供了vue2版本、vue3版本和微信小程序版本,并由社区团队维护react版本和支付宝小程序版本。

3.Element Plus

对于element plus这个库,大家就再熟悉不过了,由饿了么前端团队开发和维护,目前还处于不断更新迭代的状态中,element plus已经把vue的版本锁定了3.0及以上。由于vue3不再支持IE11,element plus也不再支持ie浏览器,相信大家应该都有使用过该ui库,这里就不过多介绍。

4.Ant Design

相比于element plus,Ant Design在组件方面有着非常大的优势,不过使用稍微复杂了点,但是换来更大的便利。

两个框架都是目前较为主流的ui框架,各有优劣,可根据项目具体需求选择,官方文档提供了TypeScript和JavaScript两种使用方式,还提供了进阶版的表格和表单组件,里面的功能还是蛮强大的。并且对各功能都进行了单独的导航。

Naive UI是一个仅支持vue3的库,有超过80个组件,希望能帮你少写点代码。

该库曾得到了vue作者犹大的极力推荐,属于新生代的ui组件库。官方提供主题编辑器,不用繁琐的less、sass、css变量,也不用webpack的loaders。使用的是由TypeScript构建的先进类型安全主题系统,运行快、小巧轻量、专门针对样式优化,不需要导入任何css就能让组件正常工作。

💡 欢迎加入「🌍独立全栈开发交流群」,一起学习交流前端和Node端技术

 作者:https://juejin.cn/post/7280133121730609213

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于Vue UI框架的选择,可以考虑VUX和VueStrap这两个选项。VUX是一个Vue.js移动端UI组件库,提供了一套凑合的框架,它由个人开发和维护,并拥有官方网站、手册、演示地址和GitHub地址。你可以在https://vux.li/和https://doc.vux.***x-page=v2-doc-home#/demo上查看演示,GitHub地址是https://github.com/airyland/vux。 另外,VueStrap是一个基于Bootstrap开发的Vue前端框架,它不依赖于jQuery,但需要Bootstrap CSS(3.xx)的样式。VueStrap同样提供了官网、手册、GitHub地址以及作者的GitHub地址。你可以在http://yuche.github.io/vue-strap/找到官网和手册,GitHub地址是https://github.com/yuche/vue-strap,作者的GitHub地址是https://github.com/yuche。 综上所述,你可以选择VUX或VueStrap作为Vue UI框架,具体选择取决于你对移动端UI组件和基于Bootstrap的前端框架的需求和偏好。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue框架的MVVM模式](https://blog.csdn.net/m0_46211662/article/details/124832377)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [VUE常用UI组件插件及框架-vue前端UI框架收集](https://blog.csdn.net/a460550542/article/details/107865085)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值