糯麦 NurMai

400-158-5662

糯麦科技

/

新闻资讯

/

技术讨论

/

github排名较前的Vue3 UI框架该如何选择?

github排名较前的Vue3 UI框架该如何选择?

原创 新闻资讯

于 2023-08-09 16:42:53 发布

18683 浏览

Vue 3.0版本介绍

Vue 3.0 是 Vue.js 的下一代版本,它将提供更快的性能、更好的可扩展性和更多的新功能。Vue 3.0 将使用 TypeScript 作为其默认开发语言,并采用新的编译器来改进性能。它还将包含一个新的响应式系统,以及一个全新的 API,以帮助开发者构建更复杂的应用程序。

Vue 3.0 还将包含一些其他新特性,如 Composition API、Fragments、Portals 和 Suspense。Composition API 是一种新的方法,可以帮助开发者分解复杂组件,并把它们重新组合成单个组件。Fragments 允许开发者在单个根元素中渲染多个子元素,而 Portals 则允许在不同位置上呈现相同内容。Suspense 则是一项新特性,它可以帮助开发者优化应用中数据加载时间。


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两种使用方式,还提供了进阶版的表格和表单组件,里面的功能还是蛮强大的。并且对各功能都进行了单独的导航。


5. Naive UI:

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

前端开发

vue3.0

UI框架

阅读排行

  • 1. 几行代码就能实现Html大转盘抽奖

    大转盘抽奖是网络互动营销的一种常见形式,其通过简单易懂的界面设计,让用户在游戏中体验到乐趣,同时也能增加商家与用户之间的互动。本文将详细介绍如何使用HTML,CSS和JavaScript来实现大转盘抽奖的功能。

    查看详情
  • 2. 微信支付商户申请接入流程

    微信支付,是微信向有出售物品/提供服务需求的商家提供推广销售、支付收款、经营分析的整套解决方案,包括多种支付方式,如JSAPI支付、小程序支付、APP支付H5支付等支付方式接入。

    查看详情
  • 3. 浙江省同区域公司地址变更详细流程

    提前准备好所有需要的资料,包含:房屋租赁合同、房产证、营业执照正副本、代理人身份证正反面、承诺书(由于我们公司其中一区域已有注册另外一公司,所以必须需要承诺书)

    查看详情
  • 4. 阿里云域名ICP网络备案流程

    根据《互联网信息服务管理办法》以及《非经营性互联网信息服务备案管理办法》,国家对非经营性互联网信息服务实行备案制度,对经营性互联网信息服务实行许可制度。

    查看详情
  • 5. 微信小程序申请注册流程

    微信小程序注册流程与微信公众号较为相似,同时微信小程序支持通过已认证的微信公众号进行注册申请,无需进行单独认证即可使用,同一个已认证微信公众号可同时绑定注册多个小程序。

    查看详情