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

最新推荐文章于 2025-09-19 09:27:21 发布

原创

最新推荐文章于 2025-09-19 09:27:21 发布

·

6.1k 阅读

·

12

·

13

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#ui

#vue.js

#前端

本文对比了Vue3时代的四款主流UI框架：ElementPlus、Naiveui、AntDesign和VueArcoDesign，重点关注了它们的适用范围、作者推荐、组件风格以及在自定义渲染方面的差异，尤其是ElementPlus在slot使用上的限制。

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