vue ui 框架选择 element ui 还是 ant design - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
longkas239
V2EX    程序员

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

  •  
  •   longkas239 2021-04-02 10:52:38 +08:00 13211 次点击
    这是一个创建于 1655 天前的主题,其中的信息可能已经有所发展或是发生改变。
    不做渐进式应用,组件需求不复杂,菜单分页图片卡片,不说技术我也不太懂但是彩蛋事件觉得 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
    GenericClass
        8
    GenericClass  
       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
    shakaraka
        20
    shakaraka  
    PRO
       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 面前都是渣渣
    akagishigeru
        49
    akagishigeru  
       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 。现在这种维护几乎已经成了我们必做的一环,因为要对现有的大量用户提供支撑


    我不知道大家的选型理由有哪些,不妨都说出来听听,也许有哪些是我们能改进的
    8888888888
        73
    8888888888  
       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,大部分代码可参考。
    dumbass
        86
    dumbass  
       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     Solana     1047 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 18:29 PVG 02:29 LAX 11:29 JFK 14:29
    Do have faith in what you're doing.
    ubao 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