vue優秀ui組件庫合集 · Vue2入坑手記

:-: **VUE優秀UI組件庫合集** 隨著SPA、前后端分離的技術架構在業界越來越流行，前端的業務復雜度也越來越高，導致前端開發者需要管理的內容，承擔的職責越來越多，這一切，使得業界對前端開發方案的思考多了很多，以react、vue等框架為代表推動的組件化開發模式越來越被開發者認可，這種模式極大的降低了我們開發與維護的成本。vue作為一款深受廣大群眾以及尤大崇拜者的喜歡，特此列出在github上開源的vue優秀UI組件庫供大家參考，期待開發者們推出更多優秀的組件庫。 :-: **------------PC------------** #### iView demo：https://www.iviewui.com/overview docs：https://www.iviewui.com/ github：https://github.com/iview/iview #### Element（餓了嗎） demo：http://element.eleme.io/#/zh-CN/component/layout docs：http://element.eleme.io/#/zh-CN github：https://github.com/ElemeFE/element 視頻教程：https://www.laravist.com/series/use-element-ui-tool-kit #### VueStrap demo：http://yuche.github.io/vue-strap/ docs：http://yuche.github.io/vue-strap/ github：https://github.com/yuche/vue-strap #### Vue Admin demo：https://admin.vuebulma.com/#/components docs：https://admin.vuebulma.com/#/ github：https://github.com/vue-bulma/vue-admin #### Keen UI demo：https://josephuspaye.github.io/Keen-UI/# docs：https://josephuspaye.github.io/Keen-UI/# github：https://github.com/JosephusPaye/Keen-UI #### Vue MDL demo：http://posva.net/vue-mdl/ docs：http://posva.net/vue-mdl/ github：https://github.com/posva/vue-mdl #### BootstrapVue demo：https://bootstrap-vue.github.io/ docs：https://bootstrap-vue.github.io/docs github：https://github.com/bootstrap-vue/bootstrap-vue/ #### Vue-Blu demo：https://chenz24.github.io/vue-blu/#/ docs：https://chenz24.github.io/vue-blu/#/ github：https://github.com/chenz24/vue-blu #### Vuikit demo：https://vuikit.js.org/#/ docs：https://vuikit.js.org/#/ github：https://github.com/vuikit/vuikit :-: **------------Mobile------------** #### Vant（有贊出品） docs：https://www.youzanyun.com/zanui/vant#/zh-CN/intro github：https://github.com/youzan/vant #### Mint UI（餓了么出品） demo：http://elemefe.github.io/mint-ui/#/ docs：http://mint-ui.github.io/#!/zh-cn github：https://github.com/ElemeFE/mint-ui #### Vux demo：https://vux.li/demos/v2/#/ docs：https://vux.li/#/ github：https://github.com/airyland/vux #### Vonic demo：https://wangdahoo.github.io/vonic/docs/#/ docs：https://wangdahoo.github.io/vonic-documents/#/ github：https://github.com/wangdahoo/vonic #### Vum demo：http://demo.getvum.com/#!/ docs：http://getvum.com/ github：https://github.com/vum-team/vum Dependencies Vue.js (^v2.x). #### Vue-Carbon demo：https://myronliu347.github.io/vue-carbon/#!/ docs：https://myronliu347.github.io/vue-carbon/book/v0.5.0/ github：https://github.com/myronliu347/vue-carbon #### YDUI demo：http://vue.ydui.org/ docs：http://vue.ydui.org/docs/#/ github：https://github.com/ydcss/vue-ydui #### Vuwe demo：https://vuwe.github.io/vuwe/#/ docs：https://vuwe.github.io/vuwe/doc.html#/ github：https://github.com/vuwe/vuwe #### WE-VUE demo：http://wevue.org/ github：https://github.com/tianyong90/we-vue #### Vue Material demo：https://vuematerial.github.io/#/ docs：https://vuematerial.github.io/#/getting-started github：https://github.com/marcosmoura/vue-material #### Muse-UI demo：http://www.muse-ui.org/#/install docs：http://www.muse-ui.org/#/index github：https://github.com/museui/muse-ui #### Vuetify demo：https://vuetifyjs.com docs：https://vuetifyjs.com github：https://github.com/vuetifyjs/vuetify #### Radon UI demo：https://luojilab.github.io/radon-ui/#!/basic/button docs：https://luojilab.github.io/radon-ui/#!/ github：https://github.com/luojilab/radon-ui #### RUBIK demo：https://ccforward.github.io/rubik/#/ docs：https://ccforward.github.io/rubik/#/ github：https://github.com/ccforward/rubik/ :-: **------------Hybrid------------** OnsenUI-Vue demo：https://tutorial.onsen.io/?framework=vue&category=reference&module=dialog docs：https://onsen.io/v2/docs/guide/vue/ github：https://github.com/OnsenUI/OnsenUI/tree/master/bindings/vue #### Quasar demo：http://quasar-framework.org/components/dialog.html docs：http://quasar-framework.org/guide/index.html github：https://github.com/quasarframework/quasar #### Framework7-Vue demo：http://framework7.cn/ docs：http://vue.framework7.cn/ github：https://github.com/nolimits4web/Framework7-Vue