最近在逛各大網站，論壇，SegmentFault等編程問答社區(qū)，發(fā)現(xiàn)Vue.js異?；鸨?，重復性的提問和內容也很多，小編自己也趁著這個大前端的熱潮，著手學習了一段時間的Vue.js，目前用它正在做自己的公司項目。
學習的過程之中發(fā)現(xiàn)繼最熱的 React 組件庫和 Angular 組件庫之后，這里有很多個流行和實用的 Vue.js 組件庫完善你的下一個用 Vue.JS 編寫 UI 界面的應用程序。Vue.js是一套構建用戶界面的 漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發(fā)的設計。
圖片.png
一：Element
官網地址：http://element-cn.eleme.io/#/zh-CN
介紹：element ui框架的按鈕組件，這款由餓了么前端開源的UI框架，一經面世，就收獲大量程序員的芳心。在github 上更是高達29.8k的star早已說明一切。用于開發(fā)PC端的頁面還是綽綽有余的。如果說你是用vue開發(fā)者，卻沒用過element UI，那你肯定不是合格的vue開發(fā)者。
圖片.png
二：iview
介紹：iView 是一套基于 Vue.js 的開源 UI 組件庫，主要服務于 PC 界面的中后臺產品。使用單文件的 Vue 組件化開發(fā)模式 基于 npm + webpack + babel 開發(fā)，支持 ES2015 高質量、功能豐富 友好的 API ，自由靈活地使用空間，由TalkingData開發(fā)維護，有很多知名互聯(lián)網企業(yè)都在使用。
圖片.png
三：vuetify
官網地址：https://vuetifyjs.com/zh-Hans/
介紹：Vuetifyjs根據材料設計規(guī)格提供 UI 布局。 V 1.0 Alpha 版本提供了超過 80個 reusbale 組件，其中包含一個易于記憶的語義設計，它基于名稱簡單明了 type-as-you 的類型屬性。在GitHub 上有超過 7K 的 star。
圖片.png
四：vue-strap
官網地址：http://yuche.github.io/vue-strap/
介紹：基于 Vue.js 的 Bootstrap 組件 該倉庫包含一系列基于 Bootstrap 標記和 CSS 的本地 Vue.js 組件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件，唯一需要依賴的是: Vue.js Bootstrap CSS ，VueStrap 不依賴某個非常精確的 Bootstrap 版本。如果喜歡bootstrap的小伙伴又不想換jquery的開發(fā)方式是不二的選擇。
圖片.png
五：cube-ui
官網地址：https://didi.github.io/cube-ui/#/zh-CN/example
介紹：cube-ui 是滴滴團隊開發(fā)的基于 Vue.js 實現(xiàn)的精致移動端組件庫。支持按需引入和后編譯，輕量靈活；擴展性強，可以方便地基于現(xiàn)有組件實現(xiàn)二次開發(fā)。
圖片.png
六：buefy
官網地址：https://buefy.github.io/#/
介紹：Buefy 基于 Bulma 和 Vue.js 的輕量級UI組件，它提供了即裝即用的輕量級組件。雖然組件選擇有限，但是值得你去嘗試。
圖片.png
七：vue-beauty
官網地址：https://fe-driver.github.io/vue-beauty/#/components/button
介紹：基于 ant design 的漂亮的 vue 組件庫；vue-beauty 是一套基于 vue.js 和 ant-design樣式 的PC端 UI 組件庫，旨在幫助開發(fā)者提升產品體驗和開發(fā)效率、降低維護成本。
圖片.png
八：at-ui
官網地址：https://at-ui.github.io/at-ui/#/zh
介紹：AT-UI 是一個模塊化的前端 UI 框架，開發(fā)基于Vue.js 的快速和強大的 Web 界面。專門為桌面應用程序構建，AT-UI提供了一套 npm + webpack + babel 前端開發(fā)工作流程。全英文的文檔對用戶來說可能是具有有挑戰(zhàn)性的，但它提供了一個體面的干凈整潔的 UI 組件。
圖片.png
九：Vue-Blu
官網地址：https://chenz24.github.io/vue-blu/#/
介紹：Vue-Blu是基于Vuejs和Bulma開發(fā)的開源UI組件庫。旨在為PC端的前端開發(fā)(特別是中后臺產品)提供一個快速且靈活的解決方案。全面、靈活且強大的ui組件，API友好。
