vue組件推薦

Vue 是一個輕巧、高性能、可組件化的MVVM庫，API簡潔明瞭，上手快。從Vue推出以來，獲得衆多Web開發者的承認。在公司的Web前端項目開發中，多個項目採用基於Vue的UI組件框架開發，並投入正式使用。開發團隊在使用Vue.js框架和UI組件庫之後，開發效率大大提升，本身寫的代碼也少了，不少界面效果組件已經封裝好了。在選擇Vue UI組件庫的過程當中，經過GitHub上根據star數量、文檔豐富程度、更新的頻率以及維護等因素，也收集整理了一些優秀的Vue UI組件庫。下面PHP程序員雷雪松詳細的介紹一下給你們強烈推薦優秀的的Vue UI組件庫。一、 iView UI組件庫iView 是一套基於 Vue.js 的開源 UI 組件庫，主要服務於 PC 界面的中後臺產品。iView的組件仍是比較齊全的，更新也很快，文檔寫得很詳細。有公司團隊維護，比較可靠的Vue UI組件框架。iView生態也作得很好，還有開源了一個iView Admin，作後臺很是方便。官網上介紹，iView已經應用在TalkingData、阿里巴巴、百度、騰訊、今日頭條、京東、滴滴出行、美團、新浪、聯想等大型公司的產品中。iView官網：https://www.iviewui.com/

二、Vux UI組件庫Vux是基於WeUI和Vue2.x開發的移動端UI組件庫，主要服務於微信頁面。Vux的定位已經很明確了，一是：Vue移動端UI組件庫，二是：WeUI的基礎樣式庫。Vux的組件涵蓋了全部的WeUI的內容，還擴展了一些經常使用的組件。好比：Sticky、timeline、v-chart、XCircle。Vux是我的維護的。可是GitHub上star仍是很高的，達到13k。在GitHub上看到對issue的關閉仍是很迅速的。Vux文檔基本的組件用法和效果都講解到位了。在vux官網上也展現了不少Vux的使用案例。在微信頁面開發中，基本沒有太多的bug，開發仍是比較順手的。Vux官網：https://vux.li/

三、Element UI組件庫Element，一套爲開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端組件庫。Element是餓了麼前端開源維護的Vue UI組件庫，更新頻率仍是很高的，基本一週到半個月都會發佈一個新版本。組件齊全，基本涵蓋後臺所需的全部組件，文檔講解詳細，例子也很豐富。沒有實際使用過，網上的Element教程和文章比較多。Element應該是一個質量比較高的Vue UI組件庫。Element官網：http://element.eleme.io/#/zh-CN

四、Mint UI組件庫Mint UI基於 Vue.js 的移動端組件庫，一樣出自餓了麼前端的項目。Mint UI是真正意義上的按需加載組件。能夠只加載聲明過的組件及其樣式文件。Mint UI 採用 CSS3 處理各類動效，避免瀏覽器進行沒必要要的重繪和重排，從而使用戶得到流暢順滑的體驗。網上的視頻教程不少都是基於Mint UI來說的，開發移動端web項目仍是很方便，文檔也很簡介明瞭。不少頁面Mint UI組件都已經封裝好，基本能夠照着例子寫，簡單的調整一下就能夠實現。不過，在GitHub上看最後一次代碼提交在2018年1月16日，截止到目前已通過去半年了。不知道是項目比較穩定沒有更新，仍是項目有被廢棄的可能。咱們會持續關注Mint UI的動態。Mint UI官網：http://mint-ui.github.io/#!/zh-cn

五、Bootstrap-Vue UI組件庫Bootstrap-VUE提供了基於vue2的Bootstrap V4組件和網格系統的實現，完成了普遍和自動化的WAI ARA可訪問性標記。Bootstrap 4是最新發布的版本，與 Bootstrap3 相比擁有了更多的具體的類以及把一些有關的部分變成了相關的組件。同時 Bootstrap.min.css 的體積減小了40%以上。Bootstrap4 放棄了對 IE8 以及 iOS 6 的支持，如今僅僅支持 IE9 以上 以及 iOS 7 以上版本的瀏覽器。想當初剛流行響應式網站的時候，Bootstrap是世界上最受歡迎的創建移動優先網站的框架，Bootstrap能夠說風靡全球。就算放在如今不少企業網站都是採用Bootstrap作的響應式。Bootstrap-Vue可讓你在Vue中也實現Bootstrap的效果。Bootstrap-Vue官網：https://bootstrap-vue.js.org/

六、Ant Design Vue UI組件庫Ant Design Vue是 Ant Design 3.X 的 Vue 實現，開發和服務於企業級後臺產品。在GitHub上能夠找到幾個Ant Design的Vue組件。不過相比較而言，Ant Design Vue更勝一籌。Ant Design Vue共享Ant Design of React設計工具體系，實現了全部Ant Design of React的組件，支持現代瀏覽器和 IE9 及以上（須要 polyfills）。可讓熟悉Ant Design的在使用Vue時，很容易的上手。Ant Design Vue官網：https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/

七、AT-UI UI組件庫AT-UI 是一款基於 Vue.js 2.0 的前端 UI 組件庫，主要用於快速開發 PC 網站中後臺產品，支持現代瀏覽器和 IE9 及以上。AT-UI 更加精簡，實現了後臺經常使用的組件。AT_UI官網：https://at-ui.github.io/at-ui/#/zh

八、Vant UI組件庫Vant是一個輕量、可靠的移動端 Vue 組件庫。Vant是有贊團隊開源的，主要維護也是有贊團隊。Vant Weapp 是有贊移動端組件庫 Vant 的小程序版本，二者基於相同的視覺規範，提供一致的 API 接口，助力開發者快速搭建小程序應用。截止到目前，Vant已經開源了50+ 個通過有贊線上業務檢驗的組件。好比：、AddressEdit 地址編輯、AddressList 地址列表、Area 省市區選擇、Card 卡片、Contact 聯繫人、Coupon 優惠券、GoodsAction 商品頁行動點、SubmitBar 提交訂單欄、Sku 商品規格彈層。若是作商城的，不太在乎界面，實現業務邏輯的話，用Vant組件庫開發仍是很快的。Vant官網：https://youzan.github.io/vant/#/zh-CN/intro

九、cube-ui UI組件庫cube-ui 是基於 Vue.js 實現的精緻移動端組件庫。由滴滴內部組件庫精簡提煉而來，經歷了業務一年多的考驗，而且每一個組件都有充分單元測試，爲後續集成提供保障。在交互體驗方面追求極致。遵循統一的設計交互標準，高度還原設計效果；接口標準化，統一規範使用方式，開發更加簡單高效。支持按需引入和後編譯，輕量靈活；擴展性強，能夠方便地基於現有組件實現二次開發。cube-ui官網：https://didi.github.io/cube-ui/#/zh-CN

十、Muse-UI UI組件庫Muse-UI基於 Vue 2.0 優雅的 Material Design UI 組件庫。Muse UI 擁有40多個UI 組件，用於適應不一樣業務環境。Muse UI 僅需少許代碼便可完成主題樣式替換。Muse UI 可用於開發的複雜單頁應用Muse-UI官網：https://muse-ui.org/#/zh-CN

十一、N3-components UI組件庫N3組件庫是基於Vue.js構建的，讓前端工程師和全棧工程師能快速構建頁面和應用。N3-components超過60個組件 組件列表、自定義樣式、支持多種模化範式（UMD）、使用ES6進行開發。N3官網：https://n3-components.github.io/N3-components/component.html

十二、Mand MobileMand Mobile是面向金融場景的Vue移動端UI組件庫，豐富、靈活、實用，快速搭建優質的金融類產品，讓複雜的金融場景變簡單。Mand Mobile含有豐富的組件30+的基礎組件，覆蓋金融場景，極高的易用性組件均有詳細說明文檔、案例演示，汲取最前沿技術，組件化輕量化實現，兼顧穩定和品質，努力實現金融場景的全覆蓋。Mand Mobile官網：https://didi.github.io/mand-mobile/#/zh-CN/home

1三、we-vue UI組件庫we-vue 是一套基於 Vue.js 的移動關組件庫，結合 weui.css 樣式庫，封裝了一系列組件，很是適於微信公衆號等移動端開發。we-vue 包含35+ 個組件，單元測試覆蓋率超 98%，支持 babel-plugin-import，完善的在線文檔，詳細的在線示例。we-vue官網：https://wevue.org/

1四、veui UI組件庫veui是一個由百度EFE team開發的Vue企業級UI組件庫。目前文檔尚未，只有demo。GitHub上說是正在進行的一項工做。那咱們就耐心等待吧。veui官網：https://ecomfe.github.io/veui/components/#/

1五、Semantic-UI-Vue UI組件庫Semantic-UI-Vue是基於 Vue.js對Semantic-UI 框架的實現。Semantic做爲一款開發框架，幫助開發者使用對人類友好的HTML語言構建優雅的響應式佈局。Semantic-UI-Vue提供了一個相似於 Semantic-UI 的 API 以及一組可定製的主題。Semantic-UI-Vue官網：https://semantic-ui-vue.github.io/#/