有好用的 Vue3 UI 吗? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
thisisgpy
V2EX    Javascript

有好用的 Vue3 UI 吗?

  •  1
     
  •   thisisgpy 2021-12-16 11:27:11 +08:00 10730 次点击
    这是一个创建于 1470 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    47 条回复    2022-01-20 10:01:43 +08:00
    huijiewei
        1
    huijiewei  
       2021-12-16 11:30:36 +08:00   1
    https://www.naiveui.com/zh-CN/os-theme

    后端建议用 react 。不用记太多东西
    Thiece
        2
    Thiece  
       2021-12-16 11:32:36 +08:00   2
    推一波 naiveui
    https://www.naiveui.com/
    815979670
        3
    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
        4
    WE00EW  
       2021-12-16 11:34:48 +08:00
    antd 试一下
    zhouxuchen
        5
    zhouxuchen  
       2021-12-1 11:41:19 +08:00
    element-plus 的文档都有问题,照着文档抄代码都能给我报错,一看是文档里改了组件名,代码压根没改,还得回头看 element-ui 的文档,给我整自闭了…
    shakaraka
        6
    shakaraka  
    PRO
       2021-12-16 11:43:20 +08:00   3
    angular 更成熟
    wu67
        7
    wu67  
       2021-12-16 11:44:46 +08:00
    凑合着用用呗. 其实目前 vue3 配套工具根本就不够完善, 大家图新鲜上个新的爽爽而已...
    KouShuiYu
        8
    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
        9
    AlphaTr  
       2021-12-16 12:10:05 +08:00
    arco-design 完成度还不错
    steptodream
        10
    steptodream  
       2021-12-16 12:13:39 +08:00
    刚会用 vue2 结果 vue3 就出来了
    bootvue
        11
    bootvue  
       2021-12-16 13:02:37 +08:00
    ant design vue
    lin07hui
        12
    lin07hui  
       2021-12-16 13:06:07 +08:00
    element-plus 和 antd v3 都没出正式版。naiveui 和 arco-design 完成度不错,组件 Tabs 和 Carousel:naiveui 支持触屏,arco-design 不支持触屏
    tr>
    NXzCH8fP20468ML5
        13
    NXzCH8fP20468ML5  
       2021-12-16 13:09:21 +08:00 via Android
    tailwindcss 不香吗?
    darknoll
        14
    darknoll  
       2021-12-16 13:15:46 +08:00
    我感觉学 vue3 不如直接改学 react
    robinlovemaggie
        15
    robinlovemaggie  
       2021-12-16 13:22:38 +08:00
    大厂都还在忙着裁员,没精力去重写 Vue2 的 UI 库吧?
    milkzizi
        16
    milkzizi  
       2021-12-16 13:37:32 +08:00
    @Thiece #2 为啥都在推荐这个,跟 element 好像没啥区别呀
    yEhwG10ZJa83067x
        17
    yEhwG10ZJa83067x  
       2021-12-16 14:01:51 +08:00
    @wtf12138 引文 vue 作者推荐过
    yEhwG10ZJa83067x
        18
    yEhwG10ZJa83067x  
       2021-12-16 14:04:56 +08:00
    文档写得有点不同,比如:禁用不许点; large 尺寸-不不小
    milkzizi
        19
    milkzizi  
       2021-12-16 14:46:42 +08:00
    @justrand #18 :)
    lower
        20
    lower  
       2021-12-16 14:56:43 +08:00
    vben/div>
    gadfly3173
        21
    gadfly3173  
       2021-12-16 14:57:24 +08:00
    element-plus 个人觉得还是挺够用的吧,不符合需求的地方不多,自己封装一下就好了
    learnshare
        22
    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
        23
    Hanggi  
       2021-12-16 15:09:08 +08:00
    vue 的生态还是差了些,没什么特别稳定好用的 UI 库呢
    gadfly3173
        24
    gadfly3173  
       2021-12-16 15:10:17 +08:00
    @learnshare #22 还好吧 plus 一出来的时候文档里就写了 font icon 要被去除,不推荐使用
    Zzzz77
        25
    Zzzz77  
       2021-12-16 16:52:40 +08:00
    element-plus 、antdv 、naiveUI 够用了。。纠结来纠结去项目早就撸起来了。。有啥成熟不成熟的
    akagishigeru
        26
    akagishigeru  
       2021-12-16 17:02:37 +08:00
    正在关注 headlessUI ,感觉这个未来会是主流
    learnshare
        27
    learnshare  
       2021-12-16 17:24:32 +08:00
    @gadfly3173 不太好,上一代就这种模式,应用场景也是这样。大规模改动项目的代码比较可怕
    gadfly3173
        28
    gadfly3173  
       2021-12-16 17:36:23 +08:00
    @learnshare #27 想用 font icon 的话 @mdi/font 和 fontawesome 都很好阿,还有 iconfont.cn 上的,element 本身自带的 icon 也没多少
    sepushz
        29
    sepushz  
       2021-12-16 17:45:00 +08:00   1
    来用 naive UI https://www.naiveui.com/zh-CN/os-theme 组件丰富 vue3 ts 支持良好
    chjieza
        30
    chjieza  
       2021-12-16 17:50:30 +08:00
    我们把 ELEment-UI 的源码搞下来 改成了 vue3 ,现在的新项目也是 vue3+vite 写的。
    Kimen
        31
    Kimen  
       2021-12-16 17:50:55 +08:00
    推荐一个移动端的 Vue3 组件库:Varlet
    https://varlet.gitee.io/varlet-ui/#/zh-CN/home
    面向 Vue3 的 Material 风格移动端组件库
    Dragonphy
        32
    Dragonphy  
       2021-12-16 20:03:25 +08:00   1
    arco-design 挺好看的
    rophie123
        33
    rophie123  
       2021-12-16 20:15:22 +08:00
    Vue2 不够用了吗为什么非要用 3
    yunye
        34
    yunye  
       2021-12-16 20:17:35 +08:00
    primevue
    vacnt7
        35
    vacnt7  
       2021-12-16 20:19:03 +08:00 via iPhone
    element-plus 还不能满足吗
    xzh654321
        36
    xzh654321  
       2021-12-16 20:29:46 +08:00
    等等 vuetify
    gzf6
        37
    gzf6  
       2021-12-16 20:34:30 +08:00 via Android
    Ionic6
    Rhilip
        38
    Rhilip  
       2021-12-16 21:30:24 +08:00   1
    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 就难受了
    yogapants
        39
    yogapants  
       2021-12-17 08:25:22 +08:00
    @steptodream vue3 个人感觉改动蛮大的,vue2 其实也蛮好的,等到稳定了再看看呗
    zhwithsweet
        40
    zhwithsweet  
       2021-12-17 08:44:50 +08:00 via iPhone
    chengxy
        41
    chengxy  
       2021-12-17 09:17:29 +08:00
    @rophie123 #33 v3 确实方便
    aiamjay
        42
    aiamjay  
      &bsp;2021-12-17 09:33:50 +08:00
    IanHo
        43
    IanHo  
       2021-12-17 09:48:10 +08:00
    navie 不错
    cc029
        44
    cc029  
       2021-12-17 10:04:54 +08:00
    framework7 v6.x 试试看, 完全 vue3 支持( vue2 的话 v5 及以下才支持)
    kensoz
        45
    kensoz  
       2021-12-17 11:14:40 +08:00
    tailwind
    rppig42
        46
    rppig42  
       2021-12-17 11:26:18 +08:00
    后端的话推荐学一下 angular ,配合 ng-zorro
    ElysionLi
        47
    ElysionLi  
       2022-01-20 10:01:43 +08:00
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     913 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 31ms UTC 22:29 PVG 06:29 LAX 14:29 JFK 17:29
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86