vue前端UI框架有哪些？

vue前端UI框架有：Element、iview、vuetify、vue-strap、cube-ui、buefy、vue-beauty、at-ui、Vue-Blu、vue-storefront、Vux、Mint UI、Vant等等。

本文操作環境：windows10系統、vue 2.0、thinkpad t480電腦。

相關推薦：《vue.js教學》

vue前端UI框架

一：Element

官網位址：http://element-cn.eleme.io/#/zh-CN

介紹：element ui框架的按鈕元件，這款由餓了麼前端開源的UI框架，一經面世，就收穫大量程式設計師的芳心。在github 上更是高達29.8k的star早已說明一切。用於開發PC端的頁面還是綽綽有餘的。如果說你是用vue開發者，卻沒用過element UI，那你一定不是合格的vue開發者。

二：iview

官網位址：https://www.iviewui.com/

介紹：iView 是一套基於Vue.js 的開源UI 元件庫，主要服務於PC 介面的中後台產品。使用單一檔案的 Vue 元件化開發模式 基於 npm webpack babel 開發，支援 ES2015 高品質、功能豐富 友善的 API ，自由靈活地使用空間，由TalkingData開發維護，有很多知名網路企業都在使用。

三：vuetify

官網網址：https://vuetifyjs.com/zh-Hans/

介紹：Vuetifyjs 依照材料設計規格提供 UI 佈局。 V 1.0 Alpha 版本提供了超過 80個 reusbale 組件，其中包含一個易於記憶的語義設計，它基於名稱簡單明了 type-as-you 的類型屬性。在GitHub 上有超過 7K 的 star。

四：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的開發方式是不二的選擇。

五：cube-ui

官網網址：https://didi.github.io/cube-ui/#/zh-CN/example

介紹：cube -ui 是滴滴團隊開發的基於Vue.js 實現的精緻行動端元件庫。支援按需引入和後編譯，輕量靈活；擴展性強，可以方便地基於現有組件實現二次開發。

六：buefy

官網位址：https://buefy.github.io/#/

介紹：Buefy 基於Bulma 和Vue.js 的輕量級UI組件，它提供了即裝即用的輕量級組件。雖然組件選擇有限，但值得你去嘗試。

七：vue-beauty

官網網址： https://fe-driver.github.io/vue-beauty/#/components/button

#介紹：基於ant design 的漂亮的vue 元件庫；vue-beauty 是一套基於vue.js 和ant-design樣式的PC端UI 元件庫，旨在幫助開發者提升產品體驗和開發效率、降低維護成本。

八：at-ui

官網網址： https://at-ui.github.io/at-ui/#/zh

介紹：AT-UI是一個模組化的前端UI 框架，開發基於Vue.js 的快速且強大的Web 介面。專為桌面應用程式構建，AT-UI提供了一套 npm webpack babel 前端開發工作流程。全英文的文檔對使用者來說可能是具有挑戰性的，但它提供了一個體面的乾淨整潔的 UI 元件。

九：Vue-Blu

官網網址： https://chenz24.github.io/vue-blu/#/

介紹：Vue-Blu是基於Vuejs和Bulma開發的開源UI元件庫。旨在為PC端的前端開發(特別是中後台產品)提供一個快速且靈活的解決方案。全面、靈活且強大的ui組件，API友善。

十：vue-storefront

官網網址：http://vuestorefront.io/

介紹：Vue.js Storefront - 將PWA 整合到電子商務的框架，支援離線存取

十一：Vux

官網位址：https://vux.li/

介紹：VUX（讀音[v'ju:z]，同views）是基於WeUI和Vue(2.x)開發的行動端UI元件庫，主要服務於微信頁面。

十二：Mint UI

官網位址：http://mint-ui.github.io

介紹：Mint UI 包含豐富的CSS 和JS 元件，能夠滿足日常的行動端開發需求。透過它，可以快速建立風格統一的頁面，提升開發效率。

十三：Vant

中文文件：https://youzan.github.io/vant/#/zh-CN/intro

##介紹：有讚前端團隊基於有讚統一的規範實現的Vue 元件庫，提供了一整套UI 基礎元件和業務元件。

十四：Muse-ui

官網網址：https://muse-ui.org/#/zh-CN

Muse UI 基於Vue2.0 開發， Vue2.0是當下最快的前端框架之一，小巧，api友好，可用於開發的複雜單頁應用。

大家可以從中挑選適合自己專案的框架進行使用

相關推薦：

2020年前端vue面試題大匯總（附答案）

vue教學推薦：2020最新的5個vue.js影片教學精選

#更多程式相關知識，請造訪：程式設計影片！ ！

以上是vue前端UI框架有哪些？的詳細內容。更多資訊請關注PHP中文網其他相關文章！