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

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

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

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

    47 条回复    2022-01-20 10:01:43 +08:00
    huijiewei
        1
    huijiewei  
       159 天前   ❤️ 1
    https://www.naiveui.com/zh-CN/os-theme

    后端建议用 react 。不用记太多东西
    Thiece
        2
    Thiece  
       159 天前   ❤️ 2
    推一波 naiveui
    https://www.naiveui.com/
    815979670
        3
    815979670  
       159 天前
    可以关注一下这个网站,经常会推荐很多组件: https://www.thosefree.com/web/ui
    他们之前推荐过: https://www.naiveui.com/zh-CN/os-theme 是一个 Vue3 UI 我感觉完成度很高了
    WE00EW
        4
    WE00EW  
       159 天前
    antd 试一下
    zhouxuchen
        5
    zhouxuchen  
       159 天前
    element-plus 的文档都有问题,照着文档抄代码都能给我报错,一看是文档里改了组件名,代码压根没改,还得回头看 element-ui 的文档,给我整自闭了…
    wunonglin
        6
    wunonglin  
       159 天前   ❤️ 3
    angular 更成熟
    wu67
        7
    wu67  
       159 天前
    凑合着用用呗. 其实目前 vue3 配套工具根本就不够完善, 大家图新鲜上个新的爽爽而已...
    KouShuiYu
        8
    KouShuiYu  
       159 天前
    element-plus 组件应该都用重写了哪里得出的很多组件还是 Vue2 的模式?

    其他的有:naiveui 、arco-design 、vuetify 、quasar 、
    移动端:cube-ui 、vant
    另外 wikimedia 准备做一个 vue 的 UI 库可以关注 https://phabricator.wikimedia.org/T288980
    AlphaTr
        9
    AlphaTr  
       159 天前
    arco-design 完成度还不错
    steptodream
        10
    steptodream  
       159 天前
    刚会用 vue2 结果 vue3 就出来了
    bootvue
        11
    bootvue  
       159 天前
    ant design vue
    lin07hui
        12
    lin07hui  
       159 天前
    element-plus 和 antd v3 都没出正式版。naiveui 和 arco-design 完成度不错,组件 Tabs 和 Carousel:naiveui 支持触屏,arco-design 不支持触屏
    xxfye
        13
    xxfye  
       159 天前 via Android
    tailwindcss 不香吗?
    darknoll
        14
    darknoll  
       159 天前
    我感觉学 vue3 不如直接改学 react
    robinlovemaggie
        15
    robinlovemaggie  
       159 天前
    大厂都还在忙着裁员,没精力去重写 Vue2 的 UI 库吧?
    wtf12138
        16
    wtf12138  
       159 天前
    @Thiece #2 为啥都在推荐这个,跟 element 好像没啥区别呀
    justrand
        17
    justrand  
       159 天前
    @wtf12138 引文 vue 作者推荐过
    justrand
        18
    justrand  
       159 天前
    文档写得有点不同,比如:禁用——不许点; large 尺寸-不不小
    wtf12138
        19
    wtf12138  
       159 天前
    @justrand #18 :)
    lower
        20
    lower  
       159 天前
    vben
    gadfly3173
        21
    gadfly3173  
       159 天前
    element-plus 个人觉得还是挺够用的吧,不符合需求的地方不多,自己封装一下就好了
    learnshare
        22
    learnshare  
       159 天前
    element-plus 已经不推荐了,这个 1.2.0-beta.1 Breaking change 直接不会玩了
    https://github.com/element-plus/element-plus/discussions/4060
    Hanggi
        23
    Hanggi  
       159 天前
    vue 的生态还是差了些,没什么特别稳定好用的 UI 库呢
    gadfly3173
        24
    gadfly3173  
       159 天前
    @learnshare #22 还好吧 plus 一出来的时候文档里就写了 font icon 要被去除,不推荐使用
    Zzzz77
        25
    Zzzz77  
       159 天前
    element-plus 、antdv 、naiveUI 够用了。。纠结来纠结去项目早就撸起来了。。有啥成熟不成熟的
    JaguarJack
        26
    JaguarJack  
       159 天前
    正在关注 headlessUI ,感觉这个未来会是主流
    learnshare
        27
    learnshare  
       159 天前
    @gadfly3173 不太好,上一代就这种模式,应用场景也是这样。大规模改动项目的代码比较可怕
    gadfly3173
        28
    gadfly3173  
       159 天前
    @learnshare #27 想用 font icon 的话 @mdi/font 和 fontawesome 都很好阿,还有 iconfont.cn 上的,element 本身自带的 icon 也没多少
    sepushz
        29
    sepushz  
       159 天前   ❤️ 1
    来用 naive UI https://www.naiveui.com/zh-CN/os-theme 组件丰富 vue3 ts 支持良好
    chjieza
        30
    chjieza  
       159 天前
    我们把 ELEment-UI 的源码搞下来 改成了 vue3 ,现在的新项目也是 vue3+vite 写的。
    Kimen
        31
    Kimen  
       159 天前
    推荐一个移动端的 Vue3 组件库:Varlet
    https://varlet.gitee.io/varlet-ui/#/zh-CN/home
    面向 Vue3 的 Material 风格移动端组件库
    Dragonphy
        32
    Dragonphy  
       159 天前   ❤️ 1
    arco-design 挺好看的
    rophie123
        33
    rophie123  
       159 天前
    Vue2 不够用了吗为什么非要用 3
    yunye
        34
    yunye  
       159 天前
    primevue
    vacnt7
        35
    vacnt7  
       159 天前 via iPhone
    element-plus 还不能满足吗
    xzh654321
        36
    xzh654321  
       159 天前
    等等 vuetify
    gzf6
        37
    gzf6  
       159 天前 via Android
    Ionic6
    Rhilip
        38
    Rhilip  
       159 天前   ❤️ 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  
       158 天前
    @steptodream vue3 个人感觉改动蛮大的,vue2 其实也蛮好的,等到稳定了再看看呗
    zhwithsweet
        40
    zhwithsweet  
       158 天前 via iPhone
    chengxy
        41
    chengxy  
       158 天前
    @rophie123 #33 v3 确实方便
    aiamjay
        42
    aiamjay  
       158 天前
    IanHo
        43
    IanHo  
       158 天前
    navie 不错
    cc029
        44
    cc029  
       158 天前
    framework7 v6.x 试试看, 完全 vue3 支持( vue2 的话 v5 及以下才支持)
    kensoz
        45
    kensoz  
       158 天前
    tailwind
    rppig42
        46
    rppig42  
       158 天前
    后端的话推荐学一下 angular ,配合 ng-zorro
    ElysionLi
        47
    ElysionLi  
       124 天前
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1281 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 18:33 · PVG 02:33 · LAX 11:33 · JFK 14:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.