• 技术文章 >web前端 >Vue.js

    vue.js有哪些ui框架?

    青灯夜游青灯夜游2020-11-18 17:10:46原创79

    vue.js的ui框架有:Element、iview、vuetify、vue-strap、cube-ui、buefy、vue-beauty、at-ui、Vue-Blu、vue-storefront等等。

    基于vue.js的ui框架

    一、Element

    element ui框架的按钮组件,这款由饿了么前端开源的UI框架,一经面世,就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者,却没用过element UI,那你肯定不是合格的vue开发者。

      文档地址:http://element-ui.cn

    二:iview

    iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。使用单文件的 Vue 组件化开发模式 基于 npm + webpack + babel 开发,支持 ES2015 高质量、功能丰富 友好的 API ,自由灵活地使用空间,由TalkingData开发维护,有很多知名互联网企业都在使用。

      官网地址:https://www.iviewui.com/

    三:vuetify

    Vuetifyjs 根据材料设计规格提供 UI 布局。 V 1.0 Alpha 版本提供了超过 80个 reusbale 组件,其中包含一个易于记忆的语义设计,它基于名称简单明了 type-as-you 的类型属性。在GitHub 上有超过 7K 的 star。

      官网地址:https://vuetifyjs.com/zh-Hans/

    四:vue-strap

    基于 Vue.js 的 Bootstrap 组件 该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件,唯一需要依赖的是: Vue.js Bootstrap CSS ,VueStrap 不依赖某个非常精确的 Bootstrap 版本。如果喜欢bootstrap的小伙伴又不想换jquery的开发方式是不二的选择。

      官网地址:http://yuche.github.io/vue-strap/

    五:cube-ui

    cube-ui 是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。

      官网地址:https://didi.github.io/cube-ui/#/zh-CN/example

    六:buefy

    Buefy 基于 Bulma 和 Vue.js 的轻量级UI组件,它提供了即装即用的轻量级组件。虽然组件选择有限,但是值得你去尝试。

      官网地址:https://buefy.org/#/

    七:vue-beauty

    基于 ant design 的漂亮的 vue 组件库;vue-beauty 是一套基于 vue.js 和 ant-design样式 的PC端 UI 组件库,旨在帮助开发者提升产品体验和开发效率、降低维护成本。

      官网地址:https://fe-driver.github.io/vue-beauty/#/components/button

    八:at-ui

    AT-UI 是一个模块化的前端 UI 框架,开发基于Vue.js 的快速和强大的 Web 界面。专门为桌面应用程序构建,AT-UI提供了一套 npm + webpack + babel 前端开发工作流程。全英文的文档对用户来说可能是具有有挑战性的,但它提供了一个体面的干净整洁的 UI 组件。

      官网地址:https://at-ui.github.io/at-ui/#/zh

    九:Vue-Blu

    Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。全面、灵活且强大的ui组件,API友好。

      官网地址: https://chenz24.github.io/vue-blu/#/

    十:vue-storefront

    Vue.js Storefront - 将 PWA 集成到电子商务的框架,支持离线访问

    官网地址:http://vuestorefront.io/

    相关推荐:

    2020年前端vue面试题大汇总(附答案)

    vue教程推荐:2020最新的5个vue.js视频教程精选

    更多编程相关知识,请访问:编程教学!!

    以上就是vue.js有哪些ui框架?的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:vue.js ui框架
    上一篇:vue.js支持jquery吗? 下一篇:5个好用的Vue.js库推荐
    第14期线上培训班

    相关文章推荐

    • node+vue怎么实现简单的WebSocket聊天功能?(代码示例)• 怎么检查vue.js是否安装成功了• vue加载优化策略有哪些• 怎么关闭vue.js中的空格报错?• vue.js指令是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网