应该知道Vue UI组件(2018年)

Element

这是饿了么前端团队开源桌面端的Vue UI组件。Github star 24k+。

Github地址:https://github.com/ElemeFE/element
中文文档:http://element-cn.eleme.io/#/zh-CN

Vux

国内开源的专注于移动设备端的UI组件,基于Vue和微信的WeUI开发。Github star 11K+。

Github地址:https://github.com/airyland/vux
中文文档:https://vux.li/#/

Vuetify

Vuetify是按Material Design规范开发的Vue UI组件库。Github star 9K+。

Github地址:https://github.com/vuetifyjs/vuetify
中文文档:https://vuetifyjs.com/zh-Hans/getting-started/quick-start

Vue Material

Vue Material是实现Google的Material Design的Vue UI组件库。Github star 5K+。

Github地址:https://github.com/vuematerial/vue-material
文档:https://vuematerial.io/

Keen UI

Keen UI虽然是受Material Design规范的影响,但并不是一个真正的Material Design UI。Keen UI并不是一个CSS框架,它更侧重于与组件的交互,需要使用JavaScript。Github star 3K+。

Github地址:https://github.com/JosephusPaye/Keen-UI
文档:https://josephuspaye.github.io/Keen-UI/#/ui-alert

Bootstrap-Vue

Bootstrap-Vue是基于Vue 2和Bootsrap 4开发的移动端优先的响应式UI组件。Github star 4.4k+

Github地址:https://github.com/bootstrap-vue/bootstrap-vue
文档:https://bootstrap-vue.js.org/

Buefy

Buefy是基于Vue.js和Bulma构建的UI组件,它提供了轻量的开箱即用的响应组件。Github star 2k+。

Github地址:https://github.com/buefy/buefy
文档:https://buefy.github.io/#/

其他如:muse-uiquasarFish-UI 。更多的组件可以查看awesome-vue

版权声明:著作权归作者所有。

相关推荐

Vue路由传递获取参数

通过Vue传递参数可以分为两种方式:params参数query参数params参数params参数传递方式分两种:路由配置参数使用$router的push编程式添加路由配置参数在路由中配置如下:{   path: '/user/:id',   name: 'user',   component: UserDe

Vue实例里this的使用

要理解Vue实例里this的使用,首先要理解this在JavaScript里的用法,可以参考理解JavaScript普通函数以及箭头函数里使用的this。这是vue文档里的原话:All lifecycle hooks are called with their 'this' context pointing 

使用webpack构建vue项目

简单记录下使用webpack构建vue项目。环境依赖1、安装vueyarn add vue 2、安装webpack相关开发包yarn add webpack babel-core babel-loader babel-preset-env --dev 3、安装vue-loader和vue-template-compil

Angular入口组件(entry component)和声明式组件的区别

Angular的声明式组件和入口组件的区别体现在两者的加载方式不同。声明式组件是通过组件声明的selector加载入口组件(entry component)是通过组件的类型动态加载声明式组件声明式组件会在模板里通过组件声明的selector加载组件。示例@Component({   selector: 'a-cmp',   templat

[译]Android UI设计与样式——dp和sp

朋友们,最近我一直在做一些Android UI设计和样式的培训课程。 我想和更多观众分享。 这是我的第一个android ui设计和样式教程。 我将在这个主题上写更多的内容。 那么现在开始吧...DP, SP & Pixels作为Android开发人员,我们始终希望我们的UI设计与设备无关。 

[译]Vue - 解决Cannot Find Element错误

如果你刚接触Vue,可能会遇到一些不熟悉的错误。实际上,我在创建delimiter app时看到了一个我不太熟悉的错误。例如,你可能在Vue里看到“Cannot find element”的错误。在Google Chrome中,你会在控制台窗口中看到此错误,如下所示:发生这种错误是因为过早实例化Vue。通常情况下,你会看到此错误,是因为挂载Vue的HTML元