V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
longkas239
V2EX  ›  程序员

vue ui 框架选择 element ui 还是 ant design

  •  
  •   longkas239 · 2021-04-02 10:52:38 +08:00 · 12348 次点击
    这是一个创建于 1355 天前的主题,其中的信息可能已经有所发展或是发生改变。
    不做渐进式应用,组件需求不复杂,菜单分页图片卡片,不说技术我也不太懂但是彩蛋事件觉得 antd 的态度可能是在做玩具?
    91 条回复    2021-04-05 12:12:45 +08:00
    233373
        1
    233373  
       2021-04-02 10:57:18 +08:00
    我选择 element ui
    PeakFish
        2
    PeakFish  
       2021-04-02 10:57:48 +08:00   ❤️ 1
    哥们 你框架选错了
    chenuu
        3
    chenuu  
       2021-04-02 10:58:58 +08:00   ❤️ 1
    quasar
    NPC666
        4
    NPC666  
       2021-04-02 10:58:59 +08:00 via Android
    vuetify
    snoopyhai
        5
    snoopyhai  
       2021-04-02 10:59:37 +08:00
    主要看你项目中需要什么. 特别是什么日期选择器, 富文本编辑器, 上传组件. 等特殊组件, 根据你需求选.

    如果项目没特殊要求, 随便用就好. 用着一个, 学着另一个.
    murmur
        6
    murmur  
       2021-04-02 11:00:39 +08:00
    选 element 够用了 主要还得选 css
    murmur
        7
    murmur  
       2021-04-02 11:00:53 +08:00
    *更正:主要还是做设计、改 css
    chouchoui
        8
    chouchoui  
       2021-04-02 11:01:54 +08:00   ❤️ 3
    element + tailwindcss
    longkas239
        9
    longkas239  
    OP
       2021-04-02 11:02:12 +08:00
    @PeakFish 选哪个鸭
    akakidz
        10
    akakidz  
       2021-04-02 11:03:50 +08:00
    element +1
    ChefIsAwesome
        11
    ChefIsAwesome  
       2021-04-02 11:07:08 +08:00
    不复杂你干嘛要用这一套东西呢?直接找需要的组件,样式改成你想要的不是更好?
    JerryCha
        12
    JerryCha  
       2021-04-02 11:08:37 +08:00
    element ui 现在也不归饿了么管了吧,他们被阿里收去之后好像转向 React 了。
    你看哪个的设计和交互比较合胃口就行了。
    Knights
        13
    Knights  
       2021-04-02 11:09:00 +08:00
    quasar + 1
    akaxiaok339
        14
    akaxiaok339  
       2021-04-02 11:09:59 +08:00
    antd 是著名的 React UI 组件库,虽然说也有 Vue 版……
    abersheeran
        15
    abersheeran  
       2021-04-02 11:17:22 +08:00
    我个人觉得 antd 币 element ui 好看。但是你用的是 vue,没有官方维护版本的 antd 。所以选个别的吧。
    dm4927
        16
    dm4927  
       2021-04-02 11:21:53 +08:00   ❤️ 5
    目前手上项目一半用 element,一半用的 ant design vue 。果断选 element,ant 的 Vue 版本真的不好用,写起来很别扭,有种机翻 React 版本的感觉
    PeakFish
        17
    PeakFish  
       2021-04-02 11:37:46 +08:00
    @longkas239 react 啊,即使是 hooks 也支持引用之前的 class 组件。 vue 出了个 3, 以为自己是 python
    runze
        18
    runze  
       2021-04-02 11:41:34 +08:00
    最好都不要,element 已经死了,antdv 是下一个 element,或许更糟:至少 element 没有彩蛋、也不会整个库消失。
    waising
        19
    waising  
       2021-04-02 11:42:12 +08:00
    quasar
    wunonglin
        20
    wunonglin  
       2021-04-02 11:48:24 +08:00
    为什么就是没人推荐用 vuetify ?很是疑惑
    tsutomu
        21
    tsutomu  
       2021-04-02 12:03:01 +08:00 via Android
    antd 重心在 react
    catinsides
        22
    catinsides  
       2021-04-02 12:03:02 +08:00
    不建议 ant,最近项目用到,遇到的坑用得想骂人。再有新项目我绝对不会用了。
    guog
        23
    guog  
       2021-04-02 12:04:29 +08:00 via Android
    @runze 在开发新版
    huijiewei
        24
    huijiewei  
       2021-04-02 12:07:11 +08:00 via iPhone
    chakra ui
    seakingii
        25
    seakingii  
       2021-04-02 12:34:22 +08:00
    都不看好 ANTD ?杯具了,最近的项目刚好选用 ANTD
    coolair
        26
    coolair  
       2021-04-02 12:34:32 +08:00
    ant 的 vue 版本虽然页面好看,挺清新的,但是代码写的很烂,不建议使用。
    Zzzz77
        27
    Zzzz77  
       2021-04-02 12:42:07 +08:00 via Android
    服了,怎么在哪儿都能为了框架和 UI 库打起来。。?

    这两东西随便选,看哪个顺眼哪个 api 符合你的审美选哪个就行,对于大多数普通用户来说除了这两点没有太大区别。
    除非太菜,觉得某某坑多。
    或者太强,觉得某某不够自己折腾的。
    badcode
        28
    badcode  
       2021-04-02 12:48:56 +08:00 via iPhone
    有多少人是两个都用过的?
    gouflv
        29
    gouflv  
       2021-04-02 12:51:02 +08:00 via iPhone
    antd vue 的代码有点过度封装,自己要定制的话,还是 ele 比较好上手
    matrix67
        30
    matrix67  
       2021-04-02 12:59:28 +08:00
    @huijiewei #24 这个看着还不错
    xnotepad
        31
    xnotepad  
       2021-04-02 13:07:07 +08:00
    vuetify
    AcgVue
        32
    AcgVue  
       2021-04-02 13:17:49 +08:00
    没人用 iview 么
    shintendo
        33
    shintendo  
       2021-04-02 13:21:05 +08:00
    @runze ?才刚出了新版,怎么就死了
    shintendo
        34
    shintendo  
       2021-04-02 13:21:46 +08:00
    @wunonglin Material Design 设计风格在国内水土不服吧
    shintendo
        35
    shintendo  
       2021-04-02 13:22:56 +08:00
    @AcgVue iview 基本上是三个里面最差的选择了,自己官网都卡得一比
    gdrk
        36
    gdrk  
       2021-04-02 13:28:01 +08:00
    element,别搞那些花里胡哨的,简单快捷把活儿干了不好吗
    djoiwhud
        37
    djoiwhud  
       2021-04-02 13:28:40 +08:00 via Android
    如果是纯管理系统可以用 antd 。

    toc 前端,特别是嵌入大项目,我个人非常不建议用 antd,一个理由足够了:全局样式污染。从 v3 到 v4,一直都有这问题。无论是 react 还是 vue 都别用 antd 。

    c 端项目我建议 vuetify 。
    liuzhaowei55
        38
    liuzhaowei55  
       2021-04-02 13:29:35 +08:00 via Android
    element plus 挺好用的
    runze
        39
    runze  
       2021-04-02 13:38:23 +08:00
    @shintendo #33 2 很久都没更新了;
    3 有两个非官方版,其中一个得到了 2 的某个贡献者站台,但它还是非官方版。

    所以说 element 死了完全没问题
    molvqingtai
        40
    molvqingtai  
       2021-04-02 13:47:37 +08:00
    @runze #39
    element-plus 描述:A Vue.js 3.0 UI Library made by Element team 。
    相关文章: https://juejin.cn/post/6900733850540834830
    怎么你觉得就死了呢?
    Cyanhall
        41
    Cyanhall  
       2021-04-02 14:02:41 +08:00   ❤️ 1
    从用户量来说,应该 Element UI 最多人用。

    参考:最流行的 Vue UI 框架 https://www.cyanhall.com/cn/top/vue-ui-framework
    XCFOX
        42
    XCFOX  
       2021-04-02 14:05:18 +08:00
    肯定 antd 啊,element 官方还不支持 vue 3.0 .
    SP00F
        43
    SP00F  
       2021-04-02 14:11:48 +08:00
    @XCFOX #42 有支持 3.0 的了。。。
    runze
        44
    runze  
       2021-04-02 14:12:57 +08:00
    @molvqingtai #40 你没看过相关争议吗?
    Shook
        45
    Shook  
       2021-04-02 14:41:36 +08:00
    选 element,有个 element-plus 是 vue3 的,官方认可。
    Chenamy2017
        46
    Chenamy2017  
       2021-04-02 14:46:32 +08:00
    我选了 element ui
    wangxinpier
        47
    wangxinpier  
       2021-04-02 14:53:02 +08:00
    iview 我觉得就挺香
    66beta
        48
    66beta  
       2021-04-02 14:55:43 +08:00
    quasar 面前都是渣渣
    JaguarJack
        49
    JaguarJack  
       2021-04-02 15:01:00 +08:00
    element ui 官网都有链接到 elementPlus,楼上怎么得出 element 已亡的结论?
    gdtdpt
        50
    gdtdpt  
       2021-04-02 15:05:02 +08:00
    quasar 太粗旷了,Material Design 我只觉得 input 的 label 做得不错,但是其他各种元素都太大了,必须适配中等大小布局,不然笔记本上看就是灾难。我选 element-ui
    zzw1998
        51
    zzw1998  
       2021-04-02 15:05:16 +08:00
    我是前台用 element,后台用 antd
    meepo3927
        52
    meepo3927  
       2021-04-02 15:21:32 +08:00
    不认为 element-ui 死了,张口闭口就死了,说的真随意。

    不更新不代表死了, 也可能是进入平稳维护截断。

    基于 vue3 的 element-plus 也出来了,目前 vue3 尚不支持 IE11,请酌情使用。
    cereschen
        53
    cereschen  
       2021-04-02 15:29:54 +08:00
    说实话 element 虽然丑了点 但是 quasar vuetify 之流乍一看还不错 时间长了怎么看怎么别扭
    caixiaomao
        54
    caixiaomao  
       2021-04-02 15:48:07 +08:00
    quasar vuetify 不错,但是不太符合国内审美
    zzzmh
        55
    zzzmh  
       2021-04-02 15:50:41 +08:00
    公司项目我估计用 element 会比较好
    单位个人站 vuetify 一边
    用了感觉真的舒服

    当然我是个后端出身,前端也就写点自己的项目
    meloncc
        56
    meloncc  
       2021-04-02 15:56:37 +08:00
    如果说 react 的话,会选择 umi+antd 一套,vue 的话建议使用 ele,antd 的重心不在,ele 相对于 ivew 来说组件质量比较高。
    wudizaliangbing
        57
    wudizaliangbing  
       2021-04-02 15:57:50 +08:00
    element / iview
    youyang
        58
    youyang  
       2021-04-02 16:11:47 +08:00
    OMGZui
        59
    OMGZui  
       2021-04-02 16:13:51 +08:00
    日经贴
    wshimine1
        60
    wshimine1  
       2021-04-02 16:21:26 +08:00
    在用 vuetify,quasar 比 vuetify 好吗?
    LongTimeNoSee
        61
    LongTimeNoSee  
       2021-04-02 16:26:39 +08:00 via Android
    我们当初选了 iview,可能是用惯了,感觉还可以
    Desiree
        62
    Desiree  
       2021-04-02 16:33:47 +08:00
    ant 坑多得离谱,而且用起来很不顺手
    thtznet
        63
    thtznet  
       2021-04-02 16:34:35 +08:00
    从真正框架的完善角度看,quasar 一定是最优选择,不会写 CSS 都能让你轻松布局任何样式,相比之下,国内的 UI 框架只能算是组件集合。但是你的客户需要能适应 quasar 的样式,国内很多人不喜欢。
    huangsw
        64
    huangsw  
       2021-04-02 16:48:55 +08:00   ❤️ 2
    1 、pc 使用 Element-ui
    2 、mobile 使用 vant-ui
    konakona
        65
    konakona  
       2021-04-02 16:49:30 +08:00
    其实两个你在工作中都会遇到,Element 比较常见,iView 也是,不过 AntDesign 的 UI 设计个人感觉最好看。

    没用过 AntD 不好评价,Element 和 Iview 基本都够用了,这主要是一个习惯问题。
    Menus
        66
    Menus  
       2021-04-02 16:49:51 +08:00
    @runze
    特意去看了下,2 最近提交在七天前。3(plus 官方)更是今天还在提交,为什么说死了呢?没理解,能解释下不
    Sendya
        67
    Sendya  
       2021-04-02 16:58:57 +08:00
    以前说 antdv 不封装,现在说 antdv 过度封装。
    哈哈哈
    zhuweiyou
        68
    zhuweiyou  
       2021-04-02 17:02:23 +08:00
    如果用 antd 还是直接 react 吧
    tanranran
        69
    tanranran  
       2021-04-02 17:05:54 +08:00
    有一说一,Element 吧,用的人最多,有问题了,也好解决
    chniccs
        70
    chniccs  
       2021-04-02 17:09:38 +08:00
    iview 也还不错吧
    hafuhafu
        71
    hafuhafu  
       2021-04-02 17:13:01 +08:00
    我的体验是 element ui 比较好用点,不过 ant design of vue 文档做的不错,连 vue3.0 + ts 的示例代码都整上了,element plus 的文档似乎一点没改,虽然没啥影响。
    Sendya
        72
    Sendya  
       2021-04-02 17:15:38 +08:00   ❤️ 9
    vue antd 虽然是社区版,但我们好歹是得到了官方认可的,并且维护不断,Vue3 也是在库里尽早支持了,
    甚至 vue antd 为了支持 Vue3,组内一个同学专门为 Vue3 做了适配 JSX 语法插件

    2x 的 vue antd 解决了很多 vue 用户群在 1x 不喜欢的“单向数据流 value + change event”,实现全 v-model 使用组件。
    还为了优化大数据量,提供了 select 虚拟滚动的整个组件重构,table 也在进行中,但是我们都不是全职开源维护者,只能在空余时间进行功能增加之类的

    几年的时间过来,给我的最大感觉就是 开源项目 不是公司来支撑,就是做好事还要挨骂
    我们为 antd 实现 vue 版,蚂蚁并不会给我们分钱,我们也只是最初在工作中需要用到,并且 vue 社区实在没有 antd 的继任维护者,感谢那些使用 vue 实现了 antd@1 antd@2,才有了 vue antd 。现在这种维护几乎已经成了我们必做的一环,因为要对现有的大量用户提供支撑


    我不知道大家的选型理由有哪些,不妨都说出来听听,也许有哪些是我们能改进的
    timedivision
        73
    timedivision  
       2021-04-02 17:22:45 +08:00
    先统计下回复的人哪些是前端开发,再看他们都推荐的是啥
    fsworld
        74
    fsworld  
       2021-04-02 17:26:55 +08:00
    Elm:美观圆润柔和,偏小系统,快速开发,开箱即用;
    Antd:美观严谨,更适合生产环境,架构,二次开发;
    ivew (辣鸡):四不像,用过一年半,问题很多,目前很多组件都收费,加的官方群很多人都在吐槽和转了;
    以上三个都用过,就提了点,希望能对楼主有用。
    fsworld
        75
    fsworld  
       2021-04-02 17:28:10 +08:00
    @Sendya 一直在用,评价很好,非常感谢
    caixiaomao
        76
    caixiaomao  
       2021-04-02 17:30:40 +08:00
    @Sendya ant design vue pro 很好用,催更基于 vue3 的
    Charod
        77
    Charod  
       2021-04-02 17:36:49 +08:00
    上班用 elementui, 下班送饿了么外卖
    lamzhongxian
        78
    lamzhongxian  
       2021-04-02 17:42:19 +08:00
    quasar 确实不错,但基本和国内的设计稿风格不符,就很难受
    wensonsmith
        79
    wensonsmith  
       2021-04-02 17:49:20 +08:00
    @Sendya #70

    2.x 的 select 和 table 优化计划合并回 1.x 版本么,大部分 vue2 项目还没法一下子升级到 vue3

    还一个问题是,antd 打包体积默认比 element 大多了,就 table 而言,大了近三倍
    Aprilming
        80
    Aprilming  
       2021-04-02 17:51:32 +08:00
    element yyds!
    liwenxiao132006
        81
    liwenxiao132006  
       2021-04-02 17:52:20 +08:00
    @Sendya 从 element 转到 antd 了,对 vue3 的支持不错,文档也不错,使用起来没感觉有太多坑,感谢一直的维护
    Mext
        82
    Mext  
       2021-04-02 17:54:05 +08:00
    KouShuiYu
        83
    KouShuiYu  
       2021-04-02 17:58:10 +08:00
    ant-design-vue 和 ant-design 好像没有任何关系,
    finalwave
        84
    finalwave  
       2021-04-02 18:06:06 +08:00
    别用 iview 就行,抄袭黑历史,天天惦记那收费。major 版本更新直接换 font-size,patch 版本更新引入 breaking change 。之前公司写 vue 项目用过,净是恶心人的事情。
    Sendya
        85
    Sendya  
       2021-04-02 18:26:08 +08:00
    @wensonsmith 目前无计划 backport features 到 1x,2x 还有好多事要做,还有很多组件没重构成 Composition API , 其实 2x 有实现,社区内的用户完全可以自己 backport 到 1x,大部分代码可参考。
    bojackhorseman
        86
    bojackhorseman  
       2021-04-02 18:35:27 +08:00 via iPhone
    用过 antd,公司项目,挺想用 antd,可惜我是后来者,没法换。
    TinyKube
        87
    TinyKube  
       2021-04-02 19:07:01 +08:00 via iPhone
    技术要求高就选 vuetify
    labulaka521
        88
    labulaka521  
       2021-04-02 19:29:08 +08:00 via iPhone
    自已去官网看看组件样子 然后看哪个顺眼用哪个
    ae86
        89
    ae86  
       2021-04-03 00:24:40 +08:00
    vue 我选饿了么
    Smurf
        90
    Smurf  
       2021-04-03 11:00:14 +08:00
    用了 element-plus 各种 bugs
    supereasy
        91
    supereasy  
       2021-04-05 12:12:45 +08:00
    ant design ANTDV, 用过一两个项目, 还不错
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5435 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 02:56 · PVG 10:56 · LAX 18:56 · JFK 21:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.