1
头图

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

5.Naive UI

图片

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

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


Winn
2.7k 声望2.9k 粉丝

国内头部医美企业全栈开发者