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

原文链接：https://juejin.cn/post/7280133121730609213