V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Chism
V2EX  ›  Vue.js

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

  •  
  •   Chism · 2022-03-25 00:14:42 +08:00 · 10438 次点击
    这是一个创建于 786 天前的主题,其中的信息可能已经有所发展或是发生改变。
    长期维护一个项目,更推荐哪个?
    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
    两个都在用,按需引入,哪个组件好用用哪个
    l4ever
        11
    l4ever  
       2022-03-25 08:29:42 +08:00
    ant-design 手机 safari 上打开卡死
    sjhhjx0122
        12
    sjhhjx0122  
       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 这边般,难用死了
    sjhhjx0122
        16
    sjhhjx0122  
       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
        22
    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 +08: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 反过来,看起来一点不好用,但是什么都能做。
    dfkjgklfdjg
        47
    dfkjgklfdjg  
       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
    wunonglin
        54
    wunonglin  
       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 更好看一点 🤣
    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 封装的的好的缺点就是不自由,比如你想修改某几个特定的样式,比较费劲,需要找到样式的权重,然后去覆盖。
    dssxzuxc
        63
    dssxzuxc  
       2022-06-02 21:22:29 +08:00
    建议 naive-ui
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2072 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 05:22 · PVG 13:22 · LAX 22:22 · JFK 01:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.