Vue3的几款UI组件库：Naive UI、Element Plus、 Ant Design Vue、Arco Design

最新推荐文章于 2024-06-16 17:34:51 发布
最新推荐文章于 2024-06-16 17:34:51 发布
阅读量3.5k 收藏 7
点赞数 10
文章标签： ui vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011791126/article/details/134596604
版权

vue3系列的三款ui框架简要对比：

框架Element PlusNaive uiAnt Design VueArco Design
简介element-ui Vue3版本，国内使用广泛Vue作者推荐的Vue3ui 组件库Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步ArcoDesign 主要服务于字节跳动旗下中后台产品的体验设计和技术实现
社区活跃度高中高中
组件库主要实现方式单文件Vue单文件Vue单文件Vue单文件Vue
差异点-在一些组件需要自定义渲染时，无法使用slot，只能使用h函数
典型例子，当使用表格组件时，经常需要对后台返回的某一列的数据做自定义渲染， 此时在.vue单文件中只能通过h函数来进行自定义渲染， 当有些操作列，有多个按钮动态显示时，将很不方便，通过jsx的使用方式才会方便一些		--
相关的开源项目vue-admin-better vue-pure-admin Geeker-Adminnaive-ui-adminvue-vben-admin jeecgboot-vue3arco-design-pro-vue
小樱桃的世界
关注
  • 10
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AntDesignVue一个基于AntDesign和Vue的企业级UI组件库
08-14
Ant Design Vue：一个基于Ant Design和Vue的企业级UI组件库
ant-design-vue：:rainbow:基于Ant Design和Vue的企业级UI组件。 :ant:
02-05
基于Ant Design和Vue的企业级UI组件。 （英语） （中文） English | 特别感谢以下机构的慷慨赞助： 产品特点 用于桌面应用程序的企业级UI设计系统。 开箱即用的一组高质量Vue组件。 设计资源的共享 。 环境支援 ...
盘点12个Vue 3的高颜值UI组件库
Jack, what else can you do besides holding your little darling?
04-07 1万+
vue-devui 是基于 DevUI Design 的 Vue3 组件库，使用 pnpm + vite + vue3 + tsx 技术搭建，包含55个简洁、易用、灵活的组件，支持按需引入，支持主题定制，并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题。今天给大家盘点12个Vue 3的高颜值UI组件库，凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库，用广东话讲：个个都靓。NutUI 3 京东风格的 Vue 移动端组件库，开发和服务于移动Web界面的企业级产品。
非常好用的7个Vue3组件库！！【送源码】
最新发布
java_121388的博客
06-16 929
说到Vue，怎能不提Vue3呢？它的大名鼎鼎主要归功于一项革命性的创新——Composition API。这个新功能为逻辑复用带来了前所未有的友好性和灵活性，让开发者们在构建应用时如鱼得水。如果你现在正在使用Vue3，或者在新的一年考虑将你的项目升级至Vue3，那你绝对不能错过对Vue3组件库的探索。这些组件库不仅能让你的开发工作更加高效，还能让你的应用在性能和用户体验上更上一层楼。
vue3的优质UI库
czl0325的专栏
06-20 6343
vue3.0的优质UI库
Vue3框架下的顶尖UI组件库大盘点
Handsome_gir的博客
04-03 2720
推荐几款适合vue3框架的ui组件库，包括适用后台管理及移动端。
基于 Ant Design 和 Vue 3 的企业级 UI 组件
05-01
基于 Ant Design 和 Vue 3 的企业级 UI 组件。提炼自企业级中后台产品的交互语言和视觉风格。开箱即用的高质量 Vue 组件。共享 Ant Design of React 设计工具体系。支持环境。现代浏览器。1.x 版本支持 IE 9+（需要 polyfills）支持服务端渲染。Electron。支持 Vue 2 和 Vue 3
适用于VUE3的几款高颜值UI组件库
weixin_56209650的博客
04-25 1万+
1.Element-Plus 项目地址（Github)：GitHub - element-plus/element-plus: 🎉 A Vue.js 3 UI Library made by Element team🎉 A Vue.js 3 UI Library made by Element team. Contribute to element-plus/element-plus development by creating an account on GitHub.https://git.
Vue3 UI组件库对比，Naive UI、Element Plus、 Ant Design Vue
傲慢二锅头的博客
10-13 1万+
Vue3 ui组件库对比
什么是Vue3 UI
DevCorner的Pro技术博客
05-26 1214
在 Vue3 UI 中，常见的 UI 组件如按钮、输入框、选择器、日期时间等都有完整的实现，而且这些组件的使用也非常灵活，可根据需求自定义样式和行为。同时，Vue3 UI 还提供了可扩展的组件选项，可以轻松地添加或删除具体的选项。总之，如果你正在寻找一个简单易用、高质量的 Vue 组件库，Vue3 UI 会是一个非常不错的选择。
12个主流Vue3前端框架
烈焰大火龙的博客
10-24 6651
谷歌风格的前端UI，是Vuetify的平替(毕竟Vuetify自动Vue以后就没有官方中文文档了用着还是很不方便)一个老牌的谷歌风格的UI库，Vue2时代是我的最爱，但是3版本还没有更新中文 Sad T^T ~Vant4一个特别好用的移动端UI框架，主打的就是一个按需引用、轻量级，快！一个仅支持Vue3的全新前端UI库，但组件相对其他库更精致齐全。腾讯推出的一套UI框架，包含桌面和移动端等，风格比较统一。一个风格简洁的移动端UI库，看起来好像很不错捏。前端的主流框架很多公司都在用，不多作介绍。
基于Vue和Element UI的聊天室组件库设计源码
04-12
本项目基于Vue和Element UI开发，包含336个文件，包括GIF动画、JavaScript脚本、PNG图片、Vue...系统实现了基于Vue和Element UI的聊天室组件库，界面模仿了TIM及微信。在提供基础封装的同时，最大程度的增加扩展性。
vue-technology-ui:一款科技风格的ui组件库
05-19
一款科技风格的ui组件库，适用于展示型页面（例如大屏），不适用业务繁杂的场景。 自己利用工作之余完成了文档等工作。文档模板使用了 element ui的docs，做了一些简化，本项目中有不少地方参考了 element ui的实现...
9 个值得推荐的 VUE3 UI 框架
Z__7Gk的博客
06-29 4235
本文推荐几个比较流行的 VUE3 UI 框架，同时提供出色的开发人员体验，合理利用，又或者学习借鉴都是不错的选择，排名不分先后。
2023值得推荐的高颜值Vue3.0 Web PC端UI框架，赶紧收藏学习！
热门推荐
流绪@微梦
03-18 1万+
Hello，我是前端胡说，本期给大家带来2023值得推荐的Vue3.0 UI组件库，希望大家喜欢！Vue3 正式发布已经有一段时间了，2022年2月也正式变成 Vue 项目的默认版本。在过去一年多的时间里，各大组件库、框架也紧跟时代的步伐，纷纷对 Vue3 做了大量的支持和优化，从个人到公司企业也开始拥抱 Vue3.0。在这个过程中，也陆续涌现出很多优秀的开源组件库或框架，非常值得我们去学习和使用。
Vue 3的高颜值UI组件库
风水道人
11-30 6430
Vue 3的高颜值UI组件库
四款VueUi比较
weixin_43138214的博客
11-19 1231
1：饿了么ElementUI 推荐指数：star:45.2k 适用：PC端 开发快，有成型的api，组件比较丰富，icon数量较少，对外开放友好，推荐人数多问题搜索快，有少许bug，代码数量相对较多 2：vuetify 推荐指数：star:25.4k 适用：移动PC多端支持 页面展示样式精美，倾向于vue.js，国外开发文档，阅读较麻烦，更倾向于手机端 3：iView 推荐指数：star:23.2k 适用：PC 界面的中后台产品 页面比较简洁，更倾向于后台管理界面，icon数量多，组件相对丰富，开发团队较小
探索Vue 3世界中的12个流行组件库
前端程序员、项目经理、人工智能博主
06-30 2940
Vue 3作为当下最受欢迎的前端框架之一，为开发者提供了极大的便利和灵活性。而要构建出优秀的用户界面，一个强大而易用的组件库是至关重要的。在本文中，我们将带你探索Vue 3世界中的12个流行组件库，这些组件库不仅提供了丰富多样的UI组件，还具备灵活的定制能力，助力你快速开发出令人惊叹的Web应用程序。
vue大数据表格解决方案的比较
草率小猿的博客
02-17 1万+
关于大数据表格的比较，包含了Ant Design、Surley Vue、vxe-table、Ag Grid等框架。
HBuilder如何引入Element Plus UI 组件库到Vue3文件
06-07
可以按照以下步骤引入Element Plus UI组件库到Vue3文件中： 1. 在HBuilder中创建一个Vue3项目。 2. 打开终端，使用npm安装Element Plus UI组件库。命令如下： ``` npm install element-plus --save ``` 3. 在Vue3项目的main.js文件中引入Element Plus UI组件库和样式文件。代码如下： ``` import { createApp } from 'vue' import App from './App.vue' import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.css' createApp(App).use(ElementPlus).mount('#app') ``` 4. 在Vue3组件中使用Element Plus UI组件。例如，在HelloWorld.vue组件中使用ElButton组件，代码如下： ``` <template> <div> <el-button>按钮</el-button> </div> </template> <script> import { ElButton } from 'element-plus' export default { components: { ElButton } } </script> ``` 这样就可以在Vue3项目中使用Element Plus UI组件库了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值