vue系列---------vuejs流行的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/#/