有好用的 Vue3 UI 吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 1111 天前的主题，其中的信息可能已经有所发展或是发生改变。

element-ui 搞出了 element-plus ，但是很多组件还是 Vue2 的模式，国内的那些 UI 框架几乎都停留在了 Vue2 。

这次做项目选了 Quasar ，只有这个完全支持 Vue3 ，但是这个框架的组件不接地气，也不符合国内审美。

我是个后端，偶尔做做前端，实在不行只能去学一下 React 了，Antd 至少很成熟。

组件

框架

47 条回复 • 2022-01-20 10:01:43 +08:00

huijiewei

2021-12-16 11:30:36 +08:00

https://www.naiveui.com/zh-CN/os-theme

后端建议用 react 。不用记太多东西

Thiece

2021-12-16 11:32:36 +08:00

推一波 naiveui
https://www.naiveui.com/

815979670

2021-12-16 11:32:42 +08:00

可以关注一下这个网站，经常会推荐很多组件： https://www.thosefree.com/web/ui
他们之前推荐过： https://www.naiveui.com/zh-CN/os-theme 是一个 Vue3 UI 我感觉完成度很高了

WE00EW

2021-12-16 11:34:48 +08:00

antd 试一下

zhouxuchen

2021-12-16 11:41:19 +08:00

element-plus 的文档都有问题，照着文档抄代码都能给我报错，一看是文档里改了组件名，代码压根没改，还得回头看 element-ui 的文档，给我整自闭了…

wunonglin

2021-12-16 11:43:20 +08:00

angular 更成熟

wu67

2021-12-16 11:44:46 +08:00

凑合着用用呗. 其实目前 vue3 配套工具根本就不够完善, 大家图新鲜上个新的爽爽而已...

KouShuiYu

2021-12-16 11:50:05 +08:00

element-plus 组件应该都用重写了哪里得出的很多组件还是 Vue2 的模式?

其他的有：naiveui 、arco-design 、vuetify 、quasar 、
移动端:cube-ui 、vant
另外 wikimedia 准备做一个 vue 的 UI 库可以关注 https://phabricator.wikimedia.org/T288980

AlphaTr

2021-12-16 12:10:05 +08:00

arco-design 完成度还不错

steptodream

2021-12-16 12:13:39 +08:00

刚会用 vue2 结果 vue3 就出来了

bootvue

2021-12-16 13:02:37 +08:00

ant design vue

lin07hui

2021-12-16 13:06:07 +08:00

element-plus 和 antd v3 都没出正式版。naiveui 和 arco-design 完成度不错，组件 Tabs 和 Carousel：naiveui 支持触屏，arco-design 不支持触屏

NXzCH8fP20468ML5

2021-12-16 13:09:21 +08:00 via Android

tailwindcss 不香吗？

darknoll

2021-12-16 13:15:46 +08:00

我感觉学 vue3 不如直接改学 react

robinlovemaggie

2021-12-16 13:22:38 +08:00

大厂都还在忙着裁员，没精力去重写 Vue2 的 UI 库吧？

wtf12138

2021-12-16 13:37:32 +08:00

@Thiece #2 为啥都在推荐这个，跟 element 好像没啥区别呀

yEhwG10ZJa83067x

2021-12-16 14:01:51 +08:00

@wtf12138 引文 vue 作者推荐过

yEhwG10ZJa83067x

2021-12-16 14:04:56 +08:00

文档写得有点不同，比如：禁用——不许点； large 尺寸-不不小

wtf12138

2021-12-16 14:46:42 +08:00

@justrand #18 ：）

lower

2021-12-16 14:56:43 +08:00

vben

gadfly3173

2021-12-16 14:57:24 +08:00

element-plus 个人觉得还是挺够用的吧，不符合需求的地方不多，自己封装一下就好了

learnshare

2021-12-16 15:01:49 +08:00

element-plus 已经不推荐了，这个 1.2.0-beta.1 Breaking change 直接不会玩了
https://github.com/element-plus/element-plus/discussions/4060

Hanggi

2021-12-16 15:09:08 +08:00

vue 的生态还是差了些，没什么特别稳定好用的 UI 库呢

gadfly3173

2021-12-16 15:10:17 +08:00

@learnshare #22 还好吧 plus 一出来的时候文档里就写了 font icon 要被去除，不推荐使用

Zzzz77

2021-12-16 16:52:40 +08:00

element-plus 、antdv 、naiveUI 够用了。。纠结来纠结去项目早就撸起来了。。有啥成熟不成熟的

JaguarJack

2021-12-16 17:02:37 +08:00

正在关注 headlessUI ，感觉这个未来会是主流

learnshare

2021-12-16 17:24:32 +08:00

@gadfly3173 不太好，上一代就这种模式，应用场景也是这样。大规模改动项目的代码比较可怕

gadfly3173

2021-12-16 17:36:23 +08:00

@learnshare #27 想用 font icon 的话 @mdi/font 和 fontawesome 都很好阿，还有 iconfont.cn 上的，element 本身自带的 icon 也没多少

sepushz

2021-12-16 17:45:00 +08:00

来用 naive UI https://www.naiveui.com/zh-CN/os-theme 组件丰富 vue3 ts 支持良好

chjieza

2021-12-16 17:50:30 +08:00

我们把 ELEment-UI 的源码搞下来改成了 vue3 ，现在的新项目也是 vue3+vite 写的。

Kimen

2021-12-16 17:50:55 +08:00

推荐一个移动端的 Vue3 组件库：Varlet
https://varlet.gitee.io/varlet-ui/#/zh-CN/home
面向 Vue3 的 Material 风格移动端组件库

Dragonphy

2021-12-16 20:03:25 +08:00

arco-design 挺好看的

rophie123

2021-12-16 20:15:22 +08:00

Vue2 不够用了吗为什么非要用 3

yunye

2021-12-16 20:17:35 +08:00

primevue

vacnt7

2021-12-16 20:19:03 +08:00 via iPhone

element-plus 还不能满足吗

xzh654321

2021-12-16 20:29:46 +08:00

等等 vuetify

gzf6

2021-12-16 20:34:30 +08:00 via Android

Ionic6

Rhilip

2021-12-16 21:30:24 +08:00

naiveUI 在很多地方需要写 h 函数才能实现渲染（或者写 component ），感觉过于麻烦，而且为了使用 loading-bar 、message 、notification 、dialog 等功能，要在 app 顶端嵌套写一堆 provider （ https://github.com/TuSimple/naive-ui/blob/8312afbd538f3467d11c302b867a0af2e833fcb2/demo/SiteRoot.vue#L13-L21 ）总感觉特别奇怪
element-plus ，antd v3 ，vuetify 都没出正式版，建议再等等，不然 BC 就难受了