同时用过 element-ui 和 ant-design-vue 的能否聊聊感受? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Chism
V2EX    Vue.js

同时用过 element-ui 和 ant-design-vue 的能否聊聊感受?

  •  
  •   Chism 2022-03-25 00:14:42 +08:00 12474 次点击
    这是一个创建于 1299 天前的主题,其中的信息可能已经有所发展或是发生改变。
    长期维护一个项目,更推荐哪个?
    63 条回复    2022-06-02 21:22:29 +08:00
    shakukansp
        1
    shakukansp  
       2022-03-25 00:24:19 +08:00
    随便吧,你觉得哪个看着顺眼用哪个
    pengtdyd
        2
    pengtdyd  
       2022-03-25 00:33:34 +08:00   4
    整个 vue 我都不看好,现在以 react 为主
    Chism
        3
    Chism  
    OP
       2022-03-25 00:43:07 +08:00
    @pengtdyd
    不考虑框架,但从前端库的交互来看,ant-design-react 和 ant-design-vue 应该是 1:1 复刻的
    yyfearth
        4
    yyfearth  
       2022-03-25 02:04:01 +08:00
    @Chism 应该说 CSS 和 UX 是一样的
    就像 Bootstrap 默认 jQuery 来驱动 但是也有 React 和 Vue 的版本
    caisanli
        5
    caisanli  
       2022-03-25 05:07:37 +08:00 via iPhone   1
    element-ui 用着更舒服省心些
    ymcz852
        6
    ymcz852  
       2022-03-25 07:35:13 +08:00   2
    习惯写 template 的话,推荐 element-ui
    用 ant-design-vue 的几个缺点:① Modal.confirm 一些 api 不支持 promise 写法,得写在回调函数里 ② 有些组件没那么好用,比如 a-tree 组件写自定义内容不方便。转而引入了 el-tree ③ 用 a-table 的话,定义好了 columns 有几列后,用 template 写法就无法用 v-if 去隐藏某一列
    murmur
        7
    murmur  
       2022-03-25 07:54:32 +08:00
    没有什么长期维护,现在的教训应该是锁死版本,除非是有计划的大规模升级,那么多事还没给够教训么
    bthulu
        8
    bthulu  
       2022-03-25 08:23:40 +08:00   1
    element-ui 细节方面比 antd 还是差很远
    irisdev
        9
    irisdev  
       2022-03-25 08:24:50 +08:00
    element-ui 感觉好写一点
    Kei001
        10
    Kei001  
       2022-03-25 08:26:22 +08:00
    两个都在用,按需引入,哪个组件好用用哪个
    luckyc
        11
    luckyc  
       2022-03-25 08:29:42 +08:00
    ant-design 手机 safari 上打开卡死
    linkopeneyes
        12
    linkopeneyes  
       2022-03-25 08:39:22 +08:00
    那个看着顺眼用那个,其实都差不多 ant-design-vue 一下子版本都到 3 了,而且 v-model 还要加后缀,写个代码天天还要翻文档,element 感觉太素了
    Chism
        13
    Chism  
    OP
       2022-03-25 08:40:40 +08:00 via Android
    @bthulu 我看了一下文档,也有这个感受,不过还没用过 ant
    Iefty
        14
    Iefty  
       2022-03-25 08:43:31 +08:00
    vue3 的话感觉 antd 的 TS 类型和组件的 api 更加优雅一点(逃
    focuxin
        15
    focuxin  
       2022-03-25 08:45:27 +08:00   3
    ant-design-vue 就是硬把 React 那一套往 Vue 这边般,难用死了
    linkopeneyes
        16
    linkopeneyes  
       2022-03-25 08:47:45 +08:00
    @ymcz852 element-ui ant-design-vue 本身提供的 modal drawer service 创建组件感觉 api 都不太够用,我们一般自己封装 直接 promise 包裹 created 创建一个 modal 组件,然后把中间内容传进去,然后把触发能 resolve 的 close 事件传给中间组件
    just1
        17
    just1  
       2022-03-25 09:00:32 +08:00 via Android
    antdv 的组件比较多,并且可配置性也比较高。
    但是个人总觉得还是 element 用起来舒服点
    OmniKnight
        18
    OmniKnight  
       2022-03-25 09:05:51 +08:00
    在用 ant-design-vue v3 版本

    除了 table ,其他都挺好使

    table element-ui 自带 virtual scroll, ant-design-vue 需要购买 surely 这个高级包

    如果你有大量数据需要表格处理,建议 element-ui 吧
    wyatt1e34
        19
    wyatt1e34  
       2022-03-25 09:07:53 +08:00
    都是在 vue 框架下诞生的产物,开发体验和 vue 类似,主要靠开发者自己的编程功力。
    Chism
        20
    Chism  
    OP
       2022-03-25 09:09:12 +08:00 via Android
    @OmniKnight
    这是个坑,多谢提醒
    cxe2v
        21
    cxe2v  
       2022-03-25 09:10:37 +08:00
    and-design-vue 不是跟 ant-design 完全复刻,好多细节都没有实现,比如 table ,你可以直观得从组件文档里看到 vue 这边少了很多特性,所以还是 element 跟 vue 配合比较好
    moexx
        2
    moexx  
       2022-03-25 09:20:49 +08:00   1
    用 ant-design-react 和 ant-design-vue 分别做过 2 个不同的项目,建议还是 element
    kinghly
        23
    kinghly  
       2022-03-25 09:35:33 +08:00 via Android
    element 真的是垃圾,vue 生态太差了,对 ts 的支持也烂。。最近接手一个 vue 的项目,真是一言难尽。
    zhangjiancheng
        24
    zhangjiancheng  
       2022-03-25 09:36:24 +08:00
    antd 的侵入性比较强,但是 el vue2 版本已经没有人维护了 el+的稳定性堪忧
    tuutoo
        25
    tuutoo  
       2022-03-25 09:40:26 +08:00   1
    如果对 UI 没有很高的一致性要求,你只是想实现功能的。有时候你需要按需引入, 哪个好用用哪个,有部分控件的功能略有差别,我是 iView 和 AntDesignVue 混用。
    大部分基础组件基本上每个库都有,而且功能也类似。
    IanHo
        26
    IanHo  
       2022-03-25 09:50:52 +08:00
    vue3+vite+ts+naive-ui 挺爽的,可以试下
    IanHo
        27
    IanHo  
       2022-03-25 09:52:31 +08:00
    您说的这俩我还是推荐 element ,antd vue 对比 react 就像复制残缺品
    cgdddd
        28
    cgdddd  
       2022-03-25 09:56:30 +08:00   1
    vue 主力开发者建议用 element, react 主力开发者建议用 antd-vue(毕竟源码还是 jsx)
    Envov
        29
    Envov  
       2022-03-25 10:13:08 +0:00
    前面说 antd-vue 是 antd-react 是 1:1 复刻的,你真的用过吗就在那误导别人
    imherer
        30
    imherer  
       2022-03-25 10:24:57 +08:00
    我偶尔写写前端,最开始用 iView ,后来用 element ,再后来感觉 antd vue 的颜值不错,于是就用了 antd vue ,现在有个项目正好就是在用 antd vue 但是越写越痛苦,就像#12 说的,写个代码还要天天翻文档。现在还是有点怀念 element 了
    bthulu
        31
    bthulu  
       2022-03-25 11:51:26 +08:00
    elment-plus 的 menu 组件做的很感人, 子菜单不缩进, 很多时候你花了半天时间都找不到自己打开的是几级菜单, 而且菜单激活无法设置背景色. 可他们官方网站上自己用的菜单激活时是会变背景色的. 无激活背景色只有激活文字颜色, 导致激活菜单不够显眼不能一眼看出.
    还有按钮默认字体大小的问题, 按钮那么大, 字那么小, 留白那么多. 现在的 element-plus 的字体和留白已经在 elementUI 的基础上调整过了, 字体增大留白减小, 但还是看起来费眼睛.
    还有很多诸如此类的问题, 很明显的就是程序员主导 UI 设计, 写代码怎么方便怎么来, 界面能用就行, 不考虑客户感受的.
    程序员是爽了, 客户就要骂娘了, 但凡对用户体验有点追求的, 尽量不要用.
    tremblingblue
        32
    tremblingblue  
       2022-03-25 12:09:35 +08:00 via Android
    我的 vue3 应用一早就用 antdv ,不少地方动画啊啥以及 api 不好用,看了新版本之后变化更甚。反而看了 ele+还行,api 少但是够用。反而最近调研了一下感觉国内几个大厂的 vue3 组件可以用用。
    waising
        33
    waising  
       2022-03-25 12:51:52 +08:00
    前端同事的 ui 库使用过程 elmentui -> elemntui plus -> quasar -> antdv -> naive
    murmur
        34
    murmur  
       2022-03-25 14:09:24 +08:00
    我们因为 react 版本的问题,用过 ant2 版本,RNM 这个写法是真的
    murmur
        35
    murmur  
       2022-03-25 14:10:19 +08:00
    @kinghly 还是那句话,如果强类型代表优秀项目,java 和 c#就有世界上最棒的项目,实际上呢,java 写出屎的我见过不知道多少,还 ts 呢,就 ts 那堆玩出花的类型定义,徒增烦恼
    paradoxs
        36
    paradoxs  
       2022-03-25 14:11:34 +08:00
    ====== 战争又开启了 =========

    ====== 战争又开启了 =========

    ====== 战争又开启了 =========

    ====== 战争又开启了 =========

    ====== 战争又开启了 =========
    ruoxie
        37
    ruoxie  
       2022-03-25 14:11:44 +08:00
    element 适合 template ,and-design-vue 适合 jsx ,现在不知道 template 里对 ts 提示到了什么程度,反正写 and-design-vue + tsx 体验上还可以。现在很难接受不用 ts 的项目,开发效率严重下降
    murmur
        38
    murmur  
       2022-03-25 14:12:31 +08:00   1
    哦看错了 无视我第一条回复 还是建议 element element 有一个 vue-admin-template ,我们一般都用那个做脚手架
    DearMark
        39
    DearMark  
       2022-03-25 14:17:23 +08:00
    ant-design-vue 还行,组件丰富
    zhwithsweet
        40
    zhwithsweet  
       2022-03-25 14:19:39 +08:00
    @paradoxs #36 哈哈哈哈,习惯了,点进来就找你这个评论。
    imNull
        41
    imNull  
       2022-03-25 14:32:30 +08:00
    正好两个都用过,antdv 感觉有点儿乱,主要在用 element ,但 element v2 已经不再更新了,配合 vue-element-admin 在用。
    iceice121
        42
    iceice121  
       2022-03-25 15:34:57 +08:00
    只要不是每年换人的 Jquery 项目就行,vue or react 框架起码有点规律
    hervey0424
        43
    hervey0424  
       2022-03-25 15:35:57 +08:00
    我比较喜欢 antdv, ele 看着感觉太粗糙了
    cutchop
        44
    cutchop  
       2022-03-25 15:36:38 +08:00
    naive-ui
    binaryify
        45
    binaryify  
       2022-03-25 15:42:06 +08:00
    element-plus
    harde
        46
    harde  
       2022-03-25 15:48:36 +08:00   1
    长期维护的话,推荐 quasar ,Element 属于那种傻瓜照相机,看起来很好用,实际上什么也干不了。quasar 反过来,看起来一点不好用,但是什么都能做。
    94
        47
    94  
       2022-03-25 16:03:20 +08:00
    Ele 现在是处于社区维护,之前有出现过无人维护的情况。
    AntD Vue 虽然说也是社区维护,但是没有出现过停止维护的情况,更新频率也很高。

    从上手方面来说 Ele 只需要你会用 v-model 就行了,AntD 需要你学一些其他的东西,比如说表单的 v-decorator 和表格的 JSX ,但上手了之后发现意外的好用。

    我现在是倾向于 AntD ,但是很多小伙伴都更喜欢 Ele 。
    Terry05
        48
    Terry05  
       2022-03-25 16:42:49 +08:00
    如果你们的产品经理能接受 MD 风格,还是极力推荐 Vuetify 和 Quasar 这两个库,至于 Ele 和 AntD 还是 Ele 用得顺手些
    murmur
        49
    murmur  
       2022-03-25 16:58:07 +08:00
    说 element 不维护的,你们在怕什么,是 antd 圣诞节坑了你们,不是 element 坑你们,掰手指头算算,苹果的扁平化风格是多少年前改的,最近有大的流行风么

    1 、vue2.x 没有明显的缺陷,vue 语法生而简洁,vue 是成熟的框架,他懂得自己优化自己
    2 、业界设计、潮流没有大的变更
    3 、你都用通用框架了,还嫌一个丑一个美??

    所以用 element 你在怕什么
    darknoll
        50
    darknoll  
       2022-03-25 18:02:33 +08:00
    用 ant-design-vue 不如直接用 react 得了
    del1214
        51
    del1214  
       2022-03-25 18:10:49 +08:00
    Antd 赛高
    acoldfox
        52
    acoldfox  
       2022-03-25 18:27:24 +08:00
    vue3 建议上 ant-design-vue ,功能很全
    vue2 还是 elementui 吧
    KouShuiYu
        53
    KouShuiYu  
       2022-03-25 18:28:39 +08:00
    谁用 sfc 我用谁,所以我推荐 element, arco
    shakaraka
        54
    shakaraka  
    PRO
       2022-03-25 18:52:35 +08:00   1
    真就没人用 vuetify ?代码实现也很优雅,功能又全
    cirzear
        55
    cirzear  
       2022-03-25 21:02:18 +08:00
    vue 推荐 element, react 推荐 antd ,ant-design-vue 不推荐,因为我用着不舒服
    thtznet
        56
    thtznet  
       2022-03-25 22:47:10 +08:00   1
    Quasar
    realkaiway
        57
    realkaiway  
       2022-03-25 23:35:49 +08:00 via iPhone
    Vue3 的话,个人实际体验下来不太推荐 element plus ,坦白说 BUG 有点多,遇到过比较严重的性能问题( table 中 column 使用插槽加载 popover 这种,直接卡到页面无法操作),当然后续提 issue 已经解决,其次按需引入尤其是 webpack 下小问题巨 TM 多,还有一些样式权重问题等等,真的很无奈,现在的稳定版并不稳定,已经打算迁移至 antd 或者 naiveui
    KillPaul
        58
    KillPaul  
       2022-03-25 23:40:35 +08:00
    不懂代码,作为底层 UI 光看脸的话,会觉得字节的 Arco Design 更好看一点
    tr>
    haha512
        59
    haha512  
       2022-03-26 12:24:22 +08:00
    一流高手闷声发大财
    二流高手热衷语言鄙视链
    不入流高手在搞框架鄙视链
    dengshen
        60
    dengshen  
       2022-03-26 12:42:42 +08:00 via iPhone
    @KillPaul 这个不是“模仿”antd 吗?哈哈
    KillPaul
        61
    KillPaul  
       2022-03-26 13:04:31 +08:00
    @dengshen 有听说过哈哈哈,但是这些组件样式感觉都已经大同小异,审美疲劳了
    fortunezhang
        62
    fortunezhang  
       2022-03-26 14:06:23 +08:00
    element-ui 用着更自由,但是代码量会稍微多一些。
    举个例子,同样是 table ,element-ui 写的相对较多,但是 antdv 就少一些。antdv 封装的的好的缺点就是不自由,比如你想修改某几个特定的样式,比较费劲,需要找到样式的权重,然后去覆盖。
    Ketteiron
        63
    Ketteiron  
       2022-06-02 21:22:29 +08:00
    建议 naive-ui
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     919 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 95ms UTC 20:51 PVG 04:51 LAX 13:51 JFK 16:51
    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