未分類
17 9 月 2020

Vue UI 框架选择: Vuetify vs. BootstrapVue

Vue UI 框架选择: Vuetify vs. BootstrapVue

資深大佬 : hambman 6

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

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

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

  • 组件的丰富程度
  • 开发的难易程度，不希望是类似 bulma 的纯 css，需要额外逻辑
  • 生态：第三方插件等
  • 模版：能不能比较容易加入 dark 模式，或者第三方模式等。
  • 性能，大小
  • 后续开发， 升级维护，
大佬有話說 (61)

  • 資深大佬 : gtexpanse

    我也刚开始看这两框架，vuetify 的文档页面体验好差啊，字体太大，中间 api 一览下拉很磨人。
    由于我是后端同学，技术方面的没参考价值 /狗头

  • 資深大佬 : virtuemartx

    vuetify js 太多 有好几次页面加载完 vuetify 下拉框组建的多语言文本 js 没有正确加载 导致显示的都是大写文本 已转成 bulma
    真诚为发现 bulma 感到高兴

  • 資深大佬 : virtuemartx

    veutify 还在用 全屏 dialog 很好

  • 資深大佬 : woahishui

    jquery

  • 資深大佬 : wxsm

    Bootstrap vue 对应你的要求基本不合格。

  • 資深大佬 : sunmoon1983

    我选 element ui

  • 資深大佬 : zidian

    你的要求很矛盾。。。

  • 資深大佬 : renmu123

    其实最推荐 elementui，就是最近没什么人维护了

  • 資深大佬 : rodrick

    @renmu123 三天前还更新了交流群二维码

  • 資深大佬 : sagaxu

    @renmu123 element plus 正在路上，vue 3.0 适配已经进行中

  • 資深大佬 : loading

    建议 jQuery

  • 主 資深大佬 : hambman

    @loading @woahishui 不用 jquery 主要是我对后端更熟悉，希望尽可能开箱即用..

  • 主 資深大佬 : hambman

    @wxsm 能谈一谈 bootstrap Vue 那方面不合适吗？我看控件也貌似挺全的，开发也算活跃.

  • 主 資深大佬 : hambman

    @gtexpanse 是，我也觉得 vuetify 的文档组织得不好，不过没听到什么关于 vuetify 的缺点，除了不喜欢 material design 之外。

  • 主 資深大佬 : hambman

    @virtuemartx 你对 javascript, jquery 比较熟悉对吗？ 我喜欢 bulma 的思路，如果熟悉的话，bulma 应该是一个不错的取舍。考虑过 buefy 吗？

  • 資深大佬 : sagaxu

    @hambman ant design 不妨考虑一下

  • 資深大佬 : goonxh

    ant design

  • 資深大佬 : yaphets666

    目前 vue 这边没有能完全满足你需求的组件库

  • 主 資深大佬 : hambman

    @sunmoon1983 只有 pc 端吧？

  • 主 資深大佬 : hambman

    @yaphets666 React 那边呢？ 如果有特别合适的，可以考虑。

  • 主 資深大佬 : hambman

    @sagaxu @goonxh 能谈一谈 ant design 相对 vuetify boostrapVue 的优点吗

  • 資深大佬 : renmu123

    @sagaxu #10 现在主要是社区在维护还是饿了么那边的团队啊?

  • 資深大佬 : TimPeake

    我是前端。
    目前 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

    elementui 元素代码简洁点，缺点是有些组件没有。ant design 大部分组件都有，缺点是元素代码不简洁。不知道你说的那两个渲染数据多的时候效率会不会高。ant design select 元素多的时候会卡，还有输入框会卡。

  • 資深大佬 : tanranran

    @renmu123 #8 一直还有人维护的

  • 資深大佬 : myzyq

    element ui 更符合你的要求

  • 資深大佬 : GoNtte

    elementui 不维护后，我找了一下觉得 iview 还不错，ui 上产品接受度高，和设计的风格也比较相近。vuetify 在国内感觉不太好用

  • 資深大佬 : jydeng

    推荐 element ui，简单用用可以了，有复杂需求自己定制。

  • 資深大佬 : phpxiaowangzi

    移动端的话现在在用 vant

  • 資深大佬 : ITsWHY

    有没有人能说一下 iview 和 element ui 的优缺点

  • 資深大佬 : zzzmh

    我知道 iview 现在很不受待见，但我个人还挺喜欢他的，我是后端在自学前端哈哈哈

  • 資深大佬 : popil1987

    作为一个后端推荐下 quasar.dev
    个人感觉比 vuetify 要好看，需要写的 css 要少，不过相当重，有自己的 cli 。
    虽然个人不喜欢重的东西，但我一个后端也没必要深入研究，拿来能用就好

  • 資深大佬 : jake361

    antd.vue 不香吗，现在应该是被阿里收了

  • 資深大佬 : xqdoo00o

    按照 bug 数量来说，应该会 iview > element > antd
    曾经被 iview 的 bug 逼的改源码，element 的 bug 也不少，而且感觉 UI 不太符合个人审美。
    antd 的 bug 应该是最少的，可能是因为源码是 jsx 写的？ iview 和 element 都是 vue 组件写法。

  • 資深大佬 : xqdoo00o

    antd 应该是最早出 vue 3.0 的 UI 框架吧，其他 ui 框架好像还没有消息。

  • 資深大佬 : lin07hui

    view-design 或 Ant Design of Vue，个人比较喜欢后者

  • 主 資深大佬 : hambman

    @popil1987 谢谢， 这个我也看到不少，感觉比较新，功能很多，不知道成熟度怎么样

  • 主 資深大佬 : hambman

    @TimPeake 谢谢 iview 我看了看，觉得不错。它也不原生支持移动对吧？ Vuetify 的桌面端的确比较散

  • 資深大佬 : EminemW

    不要用阿里的 kpi 产品

  • 資深大佬 : lerry

    我用的 buefy 感觉还不错，因为一直用 Bulma，就选了这个

  • 資深大佬 : suzic

    移动端友好就不要用 ant 了。个人推荐 vuetify

  • 資深大佬 : afc163

    @EminemW Ant Design Vue 不是阿里维护的。

  • 資深大佬 : Chenamy2017

    没看你需求，但我用的是 element ui

  • 資深大佬 : toma77

    @afc163 Ant Design Vue 是私人项目？？

  • 資深大佬 : wangyzj

    用了好久 element 看着 vuetify 还挺舒服的

  • 資深大佬 : a632079

    @toma77 是的，现在也只是社区参与

  • 資深大佬 : robinlovemaggie

    Vue CLI 的 UI 控制台就挺好的，布局 /小件 /暗色主题什么都有的，而且轻量级

  • 資深大佬 : fhsan

    别说了，我现在 antd pro

  • 資深大佬 : Shook

    因为不喜欢 iview 的组件命名方式（ iview 推荐用大驼峰，否则和自带的标签重名，如<Button>和<button>），投入了 element-ui 的怀抱。

  • 資深大佬 : agdhole

    vuetify 正在重写新版文档 https://next.vuetifyjs.com/

  • 資深大佬 : OHyn

    element 用户量大，上线时间长，坑都踩得差不多了。。。

  • 資深大佬 : JaguarJack

    element ui , BUG 少，周围生态得组件多，干嘛给自己找不痛快

  • 資深大佬 : stevenhawking

    我用 Bootstrap Vue，目前觉得很安逸

  • 資深大佬 : woahishui

    easyui,layer 不行吗

  • 資深大佬 : woahishui

    jqueryUI

  • 資深大佬 : Terry05

    最近正好就在用 vuetify 做一个内部使用的手机端 web 内容，整体都不错，就是有一些地方也许是设计上的差异，也许是功能上的缺失，有一些功能做起来很痛苦

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

    功能做差不多后，再回头看了下友赞的 Vant，功能好全啊。。。早知道用 Vant 了

  • 資深大佬 : max1024

    我选 element ui

  • 資深大佬 : succlz123

    最近在学 vue, 用 vuetify 刚好都碰到你说的这 2 个问题哈哈

  • 資深大佬 : succlz123

    @Terry05

  • 資深大佬 : yiyi11

    antd-vue，还是阿里资源多，只要 antd-react 和 vue 不倒就能一直跟进。

  • 主 資深大佬 : hambman

    @Terry05 谢谢分享经验 。你的应用只需要手机端，不需要考虑 pc 端吗？ pc 端感受如何？