当前位置：首页 > 科技 > 软件

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

来源：责编：时间：2024-03-25 17:33:32 107观看

导读大家好，我是 CUGGZ。今天就来分享 7 个适用于 Vue 3 的高颜值 UI 组件库！Element PlusElement Plus 是一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的组件库。Element Plus 使用 TypeScript + Composition API

大家好，我是 CUGGZ。

今天就来分享 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 组件库。其具有以下特点：

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

Github：https://github.com/tusen-ai/naive-ui。
官方文档：https://www.naiveui.com/。

VARLET

Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库，全面拥抱 Vue3 生态，由社区团队维护。其支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VS Code 插件保障良好的开发体验。

Github：https://github.com/varletjs/varlet。
官方文档：https://varlet.gitee.io/varlet-ui/#/zh-CN/index。

NutUI

NutUI 是一套由京东出品的移动端 Vue2、Vue3 组件库，支持一套代码生成 H5 和小程序。其具有以下特点：

70+ 高质量组件，覆盖移动端主流场景
支持按需引用
支持 TypeScript
支持服务端渲染
支持组件级别定制主题，内置 700+ 个变量
国际化支持，已支持英文，印尼语和繁体中文
单元测试覆盖率超过 80%，保障稳定性
提供 Sketch 设计资源

Github：https://github.com/jdf2e/nutui。
官方文档：https://nutui.jd.com/#/。

Vant

Vant 是一套由有赞出品的轻量、可靠的移动端组件库。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本。其具有以下特点：

性能极佳，组件平均体积小于 1KB（min+gzip）
70+ 个高质量组件，覆盖移动端主流场景
零外部依赖，不依赖三方 npm 包
使用 TypeScript 编写，提供完整的类型定义
单元测试覆盖率超过 90%，提供稳定性保障
提供 Sketch 和 Axure 设计资源
支持主题定制，内置 700+ 个主题变量
支持按需引入和 Tree Shaking
支持深色模式
支持 Nuxt 3
支持服务器端渲染
支持国际化，内置 20+ 种语言包

Github：https://github.com/youzan/vant。
官方文档：https://vant-ui.github.io/vant/。

Arco Design

Arco Design 是一套由字节跳动出品的基于 Arco Design 的 Vue UI 组件库。提供了 60 多个开箱即用的高质量组件, 可以覆盖绝大部分业务场景。

Github：https://github.com/arco-design/arco-design-vue。

本文链接：http://www.28at.com/showinfo-26-79137-0.html适用于Vue 3的高颜值UI组件库！

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇： Python 办公神器：教你使用 Python 批量制作 PPT

下一篇：面试官最喜欢问的 14 种Vue修饰符

标签：

热门焦点

俄罗斯：将审查iPhone等外国公司设备保数据安全

iPhone和特斯拉都属于在各自领域领头羊的品牌，推出的产品也也都是数一数二的，但对于一些国家而言，它们的产品可靠性和安全性还是在限制范围内。近日，俄罗斯联邦通信、信息技术
一加首款折叠屏！一加Open渲染图出炉：罕见单手可握小尺寸

8月5日消息，此前就有爆料称，一加首款折叠屏手机将会在第三季度上市，如今随着时间临近，新机的各种消息也开始浮出水面。据悉，这款新机将会被命名为“On
一篇聊聊Go错误封装机制

%w 是用于错误包装（Error Wrapping）的格式化动词。它是用于 fmt.Errorf 和 fmt.Sprintf 函数中的一个特殊格式化动词，用于将一个错误（或其他可打印的值）包装在一个新的错误中。使
三万字盘点 Spring 九大核心基础功能

大家好，我是三友~~今天来跟大家聊一聊Spring的9大核心基础功能。话不多说，先上目录：图片友情提示，本文过长，建议收藏，嘿嘿嘿！一、资源管理资源管理是Spring的一个核心的基础功能，不
共享单车的故事讲到哪了？

来源丨海克财经与共享充电宝相差不多，共享单车已很久没有被国内热点新闻关照到了。除了一再涨价和用户直呼用不起了。近日多家媒体再发报道称，成都、天津、郑州等地多个共享单
冯提莫签约抖音公会前“斗鱼一姐”消失在直播间

来源：直播观察提起“冯提莫”这个名字，很多网友或许听过，但应该不记得她是哪位主播了。其实，作为曾经的“斗鱼一姐”，冯提莫在游戏直播的年代影响力不输于现
信通院：小米、华为等11家应用商店基本完成APP签名及验签工作

中国信通院表示，目前，小米、华为、OPPO、vivo、360手机助手、百度手机助手、应用宝、豌豆荚和努比亚等9家应用商店，以及抖音和快手2家新型应用分发平
2纳米决战2025

集微网报道从三强争霸到四雄逐鹿，2nm的厮杀声已然隐约传来。无论是老牌劲旅台积电、三星，还是誓言重回先进制程领先地位的英特尔，甚至初成立不久的新
联想的ThinkBook Plus下一版曝光，键盘旁边塞个平板

ThinkBook Plus 是联想的一个特殊笔记本类别，它在封面放入了一块墨水屏，也给人留下了较为深刻的印象。据有人爆料，联想的下一款 ThinkBook Plus 可能更特殊，它