适用于Vue 3的高颜值UI组件库！

原创 CUGGZ 前端充电宝

收录于合集

大家好，我是 CUGGZ。

Vue 3.0 已经发布两年多的时间，今年 2 月 Vue 3.0 也正式成为新的默认版本。今天就来分享 7 个适用于 Vue 3 的高颜值 UI 组件库！

Element Plus

Element Plus 是一套由饿了么开源出品的为开发者、设计师和产品经理准备的基于 Vue 3.0 的组件库。Element Plus 使用 TypeScript + Composition API 进行了重构，提供完整的类型定义文件，使用 Vue 3.0 Composition API 降低耦合、简化逻辑，使用 Lerna 维护和管理项目，完善了 52 种国际化语言支持，支持了黑暗模式。

由于 Vue 3 不再支持 IE11，Element Plus 也不再支持 IE 浏览器，其环境支持情况如下：

Github：https://github.com/element-plus/element-plus
官方文档：https://element-plus.org/zh-CN/

Ant Design Vue

Ant Design of Vue 是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。其具有以下特性：

提炼自企业级中后台产品的交互语言和视觉风格。
开箱即用的高质量 Vue 组件。
共享 Ant Design of React 设计工具体系。

Ant Design Vue 支持服务端渲染，支持在 Electron 中使用，其环境支持情况如下：

Github：https://github.com/vueComponent/ant-design-vue
官方文档：https://antdv.com/components/overview

Naive UI

Naive UI 是一款由图森未来开源，基于 Vue 3.0/TypeScript 技栈开发的 UI 组件库。其具有以下特点：

组件丰富完整，超过70个常用业务组件，支持按需引入；
官方提供主题编辑器，不用繁琐的 less、sass、css 变量，也不用 webpack 的 loaders，使用的是由 TypeScript 构建的先进的类型安全主题系统；
运行快小巧轻量，专门针对样式优化，所有组件都可以 treeshaking，不需要导入任何 CSS 就能让组件正常工作。