vue.JS 用什么 ui 框架?

实用的 vue.js 组件库可以帮助我们快速搭建页面, 那么 vue.JS 可以用什么 ui 框架? 下面本篇文章给大家推荐一些 vue 前端 ui 框架. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.

Element

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

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/#/

更多 Web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!

来源: http://www.css88.com/qa/vue-js/17178.html