hambman
V2EX  ›  Vue.js

Vue UI 框架选择: Vuetify vs. BootstrapVue

  •  
  •   hambman · Sep 18, 2020 · 12345 views
    This topic created in 2239 days ago, the information mentioned may be changed or developed.

    下一个项目初步打算二选一。前面的讨论大家推荐 Vuetify 的人比较多 https://www.v2ex.com/t/700419 想问问大家这两者具体怎么比较?

    项目的主要在内容,对于 UI,要简洁,移动友好,尽可能降低开发难度,尤其是样式方面,但是也希望封装适度,偶尔能定制和调试问题

    几个方面,自己看了一些,但是经验不够,请问大家怎么看

    • 组件的丰富程度
    • 开发的难易程度,不希望是类似 bulma 的纯 css,需要额外逻辑
    • 生态:第三方插件等
    • 模版:能不能比较容易加入 dark 模式,或者第三方模式等。
    • 性能,大小
    • 后续开发, 升级维护,
    Supplement 1  ·  Sep 18, 2020
    大家也建议了 ant design, 它的优缺点怎么评价?
    61 replies  •  2020-09-19 01:21:47 +08:00
    syncnano
    syncnano
    Sep 18, 2020 via iPhone
    1
    我也刚开始看这两框架,vuetify 的文档页面体验好差啊,字体太大,中间 api 一览下拉很磨人。
    由于我是后端同学,技术方面的没参考价值 /狗头
    AJQA
    AJQA
    Sep 18, 2020 via Android
    2
    vuetify js 太多 有好几次页面加载完 vuetify 下拉框组建的多语言文本 js 没有正确加载 导致显示的都是大写文本 已转成 bulma
    真诚为发现 bulma 感到高兴
    AJQA
    AJQA
    Sep 18, 2020 via Android
    3
    veutify 还在用 全屏 dialog 很好
    woahishui
    woahishui
    Sep 18, 2020 via Android
    4
    jquery
    wxsm
    wxsm
    Sep 18, 2020 via iPhone
    5
    Bootstrap vue 对应你的要求基本不合格。
    sunmoon1983
    sunmoon1983
    Sep 18, 2020❤️1
    6
    我选 element ui
    zidian
    zidian
    Sep 18, 2020
    7
    你的要求很矛盾。。。
    renmu123
    renmu123
    Sep 18, 2020 via Android
    8
    其实最推荐 elementui,就是最近没什么人维护了
    rodrick
    rodrick
    Sep 18, 2020
    9
    @renmu123 三天前还更新了交流群二维码😂也算维护了
    sagaxu
    sagaxu
    Sep 18, 2020 via Android
    10
    @renmu123 element plus 正在路上,vue 3.0 适配已经进行中
    loading
    loading
    Sep 18, 2020 via Android
    11
    建议 jQuery
    hambman
    hambman
    OP
    Sep 18, 2020
    12
    @loading @woahishui 不用 jquery 主要是我对后端更熟悉,希望尽可能开箱即用..
    hambman
    hambman
    OP
    Sep 18, 2020
    13
    @wxsm 能谈一谈 bootstrap Vue 那方面不合适吗?我看控件也貌似挺全的,开发也算活跃.
    hambman
    hambman
    OP
    Sep 18, 2020
    14
    @gtexpanse 是,我也觉得 vuetify 的文档组织得不好,不过没听到什么关于 vuetify 的缺点,除了不喜欢 material design 之外。
    hambman
    hambman
    OP
    Sep 18, 2020
    15
    @virtuemartx 你对 javascript, jquery 比较熟悉对吗? 我喜欢 bulma 的思路,如果熟悉的话,bulma 应该是一个不错的取舍。考虑过 buefy 吗?
    sagaxu
    sagaxu
    Sep 18, 2020 via Android❤️1
    16
    @hambman ant design 不妨考虑一下
    goonxh
    goonxh
    Sep 18, 2020
    17
    ant design
    yaphets666
    yaphets666
    Sep 18, 2020
    18
    目前 vue 这边没有能完全满足你需求的组件库
    hambman
    hambman
    OP
    Sep 18, 2020
    19
    @sunmoon1983 只有 pc 端吧?
    hambman
    hambman
    OP
    Sep 18, 2020
    20
    @yaphets666 React 那边呢? 如果有特别合适的,可以考虑。
    hambman
    hambman
    OP
    Sep 18, 2020
    21
    @sagaxu @goonxh 能谈一谈 ant design 相对 vuetify boostrapVue 的优点吗
    renmu123
    renmu123
    Sep 18, 2020
    22
    @sagaxu #10 现在主要是社区在维护还是饿了么那边的团队啊?
    TimPeake
    TimPeake
    Sep 18, 2020
    23
    我是前端。
    目前 Vue 首选框架我觉得是 iview > ant design> vuetify
    为什么是这个顺序 ?
    1 、iview 显然是国内 vue 里 UI 最成熟的,elementui 现在停止维护了 所以不考虑。
    2 、ant design for vue 版本,我个人感觉没 iview 在 vue 领域深耕多年来的成熟,大概率会比 ant design for vue Bug 少。
    3 、vuetify 深得程序员和国外用户好评,但是国内普通用户和大多数产品经理、领导实在是喜欢不来。
    呐呢?要移动端适应 ? vuetify 兼容移动端,但是 pc 端就显得比较别扭了。
    要兼容移动端,无论是哪个 UI 还是得花点时间写点兼容移动端 pc 端的样式,所以这么看来 在兼容移动端方面 其实差别不大
    zarte
    zarte
    Sep 18, 2020
    24
    elementui 元素代码简洁点,缺点是有些组件没有。ant design 大部分组件都有,缺点是元素代码不简洁。不知道你说的那两个渲染数据多的时候效率会不会高。ant design select 元素多的时候会卡,还有输入框会卡。
    ByteRan
    ByteRan
    Sep 18, 2020
    25
    @renmu123 #8 一直还有人维护的
    myzyq
    myzyq
    Sep 18, 2020
    26
    element ui 更符合你的要求
    GoNtte
    GoNtte
    Sep 18, 2020
    27
    elementui 不维护后,我找了一下觉得 iview 还不错,ui 上产品接受度高,和设计的风格也比较相近。vuetify 在国内感觉不太好用
    jydeng
    jydeng
    Sep 18, 2020
    28
    推荐 element ui,简单用用可以了,有复杂需求自己定制。
    phpxiaowangzi
    phpxiaowangzi
    Sep 18, 2020
    29
    移动端的话现在在用 vant
    ITsWHY
    ITsWHY
    Sep 18, 2020
    30
    有没有人能说一下 iview 和 element ui 的优缺点
    zzzmh
    zzzmh
    Sep 18, 2020
    31
    我知道 iview 现在很不受待见,但我个人还挺喜欢他的,我是后端在自学前端哈哈哈
    popil1987
    popil1987
    Sep 18, 2020
    32
    作为一个后端推荐下 quasar.dev
    个人感觉比 vuetify 要好看,需要写的 css 要少,不过相当重,有自己的 cli 。
    虽然个人不喜欢重的东西,但我一个后端也没必要深入研究,拿来能用就好
    jake361
    jake361
    Sep 18, 2020
    33
    antd.vue 不香吗,现在应该是被阿里收了
    xqdoo00o
    xqdoo00o
    Sep 18, 2020
    34
    按照 bug 数量来说,应该会 iview > element > antd
    曾经被 iview 的 bug 逼的改源码,element 的 bug 也不少,而且感觉 UI 不太符合个人审美。
    antd 的 bug 应该是最少的,可能是因为源码是 jsx 写的? iview 和 element 都是 vue 组件写法。
    xqdoo00o
    xqdoo00o
    Sep 18, 2020
    35
    antd 应该是最早出 vue 3.0 的 UI 框架吧,其他 ui 框架好像还没有消息。
    lin07hui
    lin07hui
    Sep 18, 2020
    36
    view-design 或 Ant Design of Vue,个人比较喜欢后者
    hambman
    hambman
    OP
    Sep 18, 2020
    37
    @popil1987 谢谢, 这个我也看到不少,感觉比较新,功能很多,不知道成熟度怎么样
    hambman
    hambman
    OP
    Sep 18, 2020
    38
    @TimPeake 谢谢 iview 我看了看,觉得不错。它也不原生支持移动对吧? Vuetify 的桌面端的确比较散
    EminemW
    EminemW
    Sep 18, 2020 via iPhone
    39
    不要用阿里的 kpi 产品
    lerry
    lerry
    Sep 18, 2020
    40
    我用的 buefy 感觉还不错,因为一直用 Bulma,就选了这个
    suzic
    suzic
    Sep 18, 2020 via Android
    41
    移动端友好就不要用 ant 了。个人推荐 vuetify
    afc163
    afc163
    Sep 18, 2020
    42
    @EminemW Ant Design Vue 不是阿里维护的。
    Chenamy2017
    Chenamy2017
    Sep 18, 2020
    43
    没看你需求,但我用的是 element ui
    toma77
    toma77
    Sep 18, 2020
    44
    @afc163 Ant Design Vue 是私人项目??
    wangyzj
    wangyzj
    Sep 18, 2020
    45
    用了好久 element 看着 vuetify 还挺舒服的
    a632079
    a632079
    Sep 18, 2020
    46
    @toma77 是的,现在也只是社区参与
    robinlovemaggie
    robinlovemaggie
    Sep 18, 2020
    47
    Vue CLI 的 UI 控制台就挺好的,布局 /小件 /暗色主题什么都有的,而且轻量级
    fhsan
    fhsan
    Sep 18, 2020
    48
    别说了,我现在 antd pro
    Shook
    Shook
    Sep 18, 2020
    49
    因为不喜欢 iview 的组件命名方式( iview 推荐用大驼峰,否则和自带的标签重名,如<Button>和<button>),投入了 element-ui 的怀抱。
    agdhole
    agdhole
    Sep 18, 2020
    50
    vuetify 正在重写新版文档 https://next.vuetifyjs.com/
    OHyn
    OHyn
    Sep 18, 2020 via Android
    51
    element 用户量大,上线时间长,坑都踩得差不多了。。。
    akagishigeru
    akagishigeru
    Sep 18, 2020
    52
    element ui , BUG 少,周围生态得组件多,干嘛给自己找不痛快
    stevenhawking
    stevenhawking
    Sep 18, 2020
    53
    我用 Bootstrap Vue,目前觉得很安逸
    woahishui
    woahishui
    Sep 18, 2020 via Android
    54
    easyui,layer 不行吗
    woahishui
    woahishui
    Sep 18, 2020 via Android
    55
    jqueryUI
    Terry05
    Terry05
    Sep 18, 2020
    56
    最近正好就在用 vuetify 做一个内部使用的手机端 web 内容,整体都不错,就是有一些地方也许是设计上的差异,也许是功能上的缺失,有一些功能做起来很痛苦

    1.类似朋友圈般的缩略图,全屏预览图片的功能是完全没有的,需求是要尽可能接近手机上的使用习惯,能全屏查看、能通过手指放大缩小、能左右滑动切换图片,折腾了一圈,最终是使用 PhotoSwipe 来解决,但它最麻烦的地方是必须指定图片宽度和高度,通常文章接口返回的只是图片的 url,谁会给你图片的尺寸信息,最终还得去查看 vuetify 的源码,通过获得内部对象才解决的问题
    2.没有指令式的方式来显示消息,需求是 http 工具的全局封装对于错误的统一弹出显示,习惯了 element-ui 的 message 和 messagebox 来显示,就很方便

    功能做差不多后,再回头看了下友赞的 Vant,功能好全啊。。。早知道用 Vant 了
    max1024
    max1024
    Sep 18, 2020 via iPhone
    57
    我选 element ui
    succlz123
    succlz123
    Sep 18, 2020
    58
    最近在学 vue, 用 vuetify 刚好都碰到你说的这 2 个问题哈哈
    succlz123
    succlz123
    Sep 18, 2020
    59
    yiyi11
    yiyi11
    Sep 18, 2020
    60
    antd-vue,还是阿里资源多,只要 antd-react 和 vue 不倒就能一直跟进。
    hambman
    hambman
    OP
    Sep 19, 2020
    61
    @Terry05 谢谢分享经验 。你的应用只需要手机端,不需要考虑 pc 端吗? pc 端感受如何?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1878 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 102ms · UTC 16:36 · PVG 00:36 · LAX 08:36 · JFK 11:36
    ♥ Do have faith in what you're doing.