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

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

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

    除了 table ,其他都挺好使

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

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

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

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

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

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

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

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

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

    所以用 element 你在怕什么
    darknoll
        50
    darknoll  
       141 天前
    用 ant-design-vue 不如直接用 react 得了
    del1214
        51
    del1214  
       141 天前
    Antd 赛高
    acoldfox
        52
    acoldfox  
       141 天前
    vue3 建议上 ant-design-vue ,功能很全
    vue2 还是 elementui 吧
    KouShuiYu
        53
    KouShuiYu  
       141 天前
    谁用 sfc 我用谁,所以我推荐 element, arco
    wunonglin
        54
    wunonglin  
       141 天前   ❤️ 1
    真就没人用 vuetify ?代码实现也很优雅,功能又全
    cirzear
        55
    cirzear  
       141 天前
    vue 推荐 element, react 推荐 antd ,ant-design-vue 不推荐,因为我用着不舒服
    thtznet
        56
    thtznet  
       141 天前   ❤️ 1
    Quasar
    realkaiway
        57
    realkaiway  
       141 天前 via iPhone
    Vue3 的话,个人实际体验下来不太推荐 element plus ,坦白说 BUG 有点多,遇到过比较严重的性能问题( table 中 column 使用插槽加载 popover 这种,直接卡到页面无法操作),当然后续提 issue 已经解决,其次按需引入尤其是 webpack 下小问题巨 TM 多,还有一些样式权重问题等等,真的很无奈,现在的稳定版并不稳定,已经打算迁移至 antd 或者 naiveui
    KillPaul
        58
    KillPaul  
       141 天前
    不懂代码,作为底层 UI 光看脸的话,会觉得字节的 Arco Design 更好看一点 🤣
    haha512
        59
    haha512  
       140 天前
    一流高手闷声发大财
    二流高手热衷语言鄙视链
    不入流高手在搞框架鄙视链
    dengshen
        60
    dengshen  
       140 天前 via iPhone
    @KillPaul 这个不是“模仿”antd 吗?哈哈
    KillPaul
        61
    KillPaul  
       140 天前
    @dengshen 有听说过哈哈哈,但是这些组件样式感觉都已经大同小异,审美疲劳了
    fortunezhang
        62
    fortunezhang  
       140 天前
    element-ui 用着更自由,但是代码量会稍微多一些。
    举个例子,同样是 table ,element-ui 写的相对较多,但是 antdv 就少一些。antdv 封装的的好的缺点就是不自由,比如你想修改某几个特定的样式,比较费劲,需要找到样式的权重,然后去覆盖。
    dssxzuxc
        63
    dssxzuxc  
       72 天前
    建议 naive-ui
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1037 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 21:46 · PVG 05:46 · LAX 14:46 · JFK 17:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.