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就能让组件正常工作。