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 · 9307 次点击
    这是一个创建于 833 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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-16 11:41:19 +08:00
    element-plus 的文档都有问题,照着文档抄代码都能给我报错,一看是文档里改了组件名,代码压根没改,还得回头看 element-ui 的文档,给我整自闭了…
    wunonglin
        6
    wunonglin  
       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 不支持触屏
    xxfye
        13
    xxfye  
       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 库吧?
    wtf12138
        16
    wtf12138  
       2021-12-16 13:37:32 +08:00
    @Thiece #2 为啥都在推荐这个,跟 element 好像没啥区别呀
    justrand
        17
    justrand  
       2021-12-16 14:01:51 +08:00
    @wtf12138 引文 vue 作者推荐过
    justrand
        18
    justrand  
       2021-12-16 14:04:56 +08:00
    文档写得有点不同,比如:禁用——不许点; large 尺寸-不不小
    wtf12138
        19
    wtf12138  
       2021-12-16 14:46:42 +08:00
    @justrand #18 :)
    lower
        20
    lower  
       2021-12-16 14:56:43 +08:00
    vben
    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 够用了。。纠结来纠结去项目早就撸起来了。。有啥成熟不成熟的
    JaguarJack
        26
    JaguarJack  
       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  
       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   ·   我们的愿景   ·   实用小工具   ·   1460 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 23:50 · PVG 07:50 · LAX 16:50 · JFK 19:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.