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

8月前作者：小樱桃的世界分类：Toy博客阅读(32) 违法举报

这篇具有很好参考价值的文章主要介绍了Vue3的几款UI组件库：Naive UI、Element Plus、 Ant Design Vue、Arco Design。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

框架	Element Plus	Naive ui	Ant Design Vue	Arco 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-Admin	naive-ui-admin	vue-vben-admin jeecgboot-vue3	arco-design-pro-vue

文章来源地址https://www.toymoban.com/news/detail-771093.html

到了这里，关于Vue3的几款UI组件库：Naive UI、Element Plus、 Ant Design Vue、Arco Design的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

html中如何用vue语法，并使用UI组件库，html中引入vue+ant-design-vue或者vue+element-plus

前言先说一下本次应用的场景，本次项目中，需要引入github中别人写好的插件，插件比较大，没有方法直接在自己项目中，把别人的项目打包合并生成html（类似于前端项目打包生成的 dist ），修改这里面的html，这种情况要么用原生js写或者jquery还相对快一些，那为什么不直

2024年02月10日
浏览(32)
Vue3.0正确引入Element UI组件的正确姿势（Element-plus）

1命令引入参照官方文档：https://element.eleme.cn/#/zh-CN/component/installation npm i element-ui -S main.js中引入报错后看官方文档发现vue3已经不支持原来的饿了么ui了需要使用与vue3适配的Element-plus 官网说明 :https://element-plus.gitee.io/#/zh-CN/component/installation 这次是得注意安装 element-plus 最后

2024年02月13日
浏览(38)
【vue3】 vue3 几款值得推荐的UI组件库

推荐几个比较流行的VUE3 UI框架，同时提供出色的开发人员体验，合理利用，又或者学习借鉴都是不错的选择，排名不分先后。 Ant Design Vue 官方网站：https://2x.antdv.com/components/overview/ Ant Design Vue 是一个非常成熟的框架，使用 Ant Design Vue 创建用户界面非常简单，这些组件可以适

2023年04月19日
浏览(27)
vue3+element-plus的后台管理系统模板和 vue3+ant-design-vue的后台管理系统模板

规范：后台系统模板，按照企业级别的规范搭建的。权限控制：通过后端返回的路由表（这个路由表是由前端这边在系统配好的然后存储在后端的）来动态渲染菜单和注册路由，同时也根据页面内的接口权限对页面中的按钮做了是否可见的设置。前端这边有路由、角色、用

2024年02月08日
浏览(46)
Vue3+Vite+Pinia+Naive后台管理系统搭建之四：Naive UI 组件库的安装和使用

前言如果对 vue3 的语法不熟悉的，可以移步 Vue3.0 基础入门Vue3.0 基础入门快速入门。 UI 组件请参考官网：Naive Ui 官网为什么选择 naive ui 不继续用 element ui，因为尤大大推荐，可以尝试下，而且 naive ui 更贴近 vue3 的语法，当然易上手还是element ui 好一点。 github 开源库：Vue

2024年02月07日
浏览(46)
VUE3 学习笔记（五）UI框架Element Plus

目录一、安装： 1. 环境支持 2. 版本 3. 安装（包管理器npm安装）二、使用 1. 完整引入 2. Volar 支持 3. 国际化三、国际中文化时错误解决官网：一个 Vue 3 UI 框架 | Element Plus (gitee.io) 1. 环境支持由于 Vue 3 不再支持 IE11，Element Plus 也不再支持 IE 浏览器。 Edge ≥ 79 Firefox ≥

2024年02月03日
浏览(29)
Vue3 + Element Plus 封装公共表格组件（带源码）

由于项目中有很多菜单都是列表数据的展示，为避免太多重复代码，故将 Element Plus 的 Table 表格进行封装，实现通过配置展示列表数据支持自动获取表格数据支持数据列配置及插槽支持操作列配置及插槽支持多选框配置支持表尾配置及插槽支持分页显示 3.1 复制基本表格

2024年02月08日
浏览(68)
Element UI Plus + Vue3 给 Upload设置请求头

问题描述在vue项目中我们发送 ajax 请求一般都会使用 axios，并在 axios 中设置axios.defaults.baseURL，请求的基本地址，并在请求拦截器中设置 headers 使用 el-upload 上传组件时，action 为必选参数，上传的地址。但此时我们为action填写地址不能不写基本地址而仅写 upload，要写完整的

2024年02月21日
浏览(26)
在Vue3中使用Element-Plus分页（Pagination ）组件

开发过程中数据展示会经常使用到，同时分页功能也会添加到页面中。记：在Vue3中使用Element-Plus分页组件与表格数据实现分页交互。引入表格和分页组件的H5标签。 js代码，先初始化变量。没用到后台，所以就把表格的数据写固定了。下面就表格数据生成，还有模拟对数据

2024年02月05日
浏览(54)
vue3+ts - element-plus封装上传文件图片组件

近期做到的项目中有涉及到上传图片上传文件的需求，因为是pc管理后台，用到了element-plus框架，所以我也一起使用element-plus中的上传图片上传图片功能，并对它进行封装成一个组件，方便在多个地方使用。 1、上传文件、视频 2、上传图片在这里上传图片和文件是分

2024年02月12日
浏览(39)