vue前端UI框架有什么

小編給大家分享一下vue前端UI框架有什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

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

vue前端UI框架

一：Element

官網(wǎng)地址：http://element-cn.eleme.io/#/zh-CN

介紹：element ui框架的按鈕組件，這款由餓了么前端開源的UI框架，一經(jīng)面世，就收獲大量程序員的芳心。在github 上更是高達(dá)29.8k的star早已說明一切。用于開發(fā)PC端的頁面還是綽綽有余的。如果說你是用vue開發(fā)者，卻沒用過element UI，那你肯定不是合格的vue開發(fā)者。

二：iview

官網(wǎng)地址：https://www.iviewui.com/

介紹：iView 是一套基于 Vue.js 的開源 UI 組件庫，主要服務(wù)于 PC 界面的中后臺(tái)產(chǎn)品。使用單文件的 Vue 組件化開發(fā)模式 基于 npm + webpack + babel 開發(fā)，支持 ES2015 高質(zhì)量、功能豐富 友好的 API ，自由靈活地使用空間，由TalkingData開發(fā)維護(hù)，有很多知名互聯(lián)網(wǎng)企業(yè)都在使用。

三：vuetify

官網(wǎng)地址：https://vuetifyjs.com/zh-Hans/

介紹：Vuetifyjs 根據(jù)材料設(shè)計(jì)規(guī)格提供 UI 布局。 V 1.0 Alpha 版本提供了超過 80個(gè) reusbale 組件，其中包含一個(gè)易于記憶的語義設(shè)計(jì)，它基于名稱簡單明了 type-as-you 的類型屬性。在GitHub 上有超過 7K 的 star。

四：vue-strap

官網(wǎng)地址：http://yuche.github.io/vue-strap/

介紹：基于 Vue.js 的 Bootstrap 組件 該倉庫包含一系列基于 Bootstrap 標(biāo)記和 CSS 的本地 Vue.js 組件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件，唯一需要依賴的是: Vue.js Bootstrap CSS ，VueStrap 不依賴某個(gè)非常精確的 Bootstrap 版本。如果喜歡bootstrap的小伙伴又不想換jquery的開發(fā)方式是不二的選擇。

五：cube-ui

官網(wǎng)地址：https://didi.github.io/cube-ui/#/zh-CN/example

介紹：cube-ui 是滴滴團(tuán)隊(duì)開發(fā)的基于 Vue.js 實(shí)現(xiàn)的精致移動(dòng)端組件庫。支持按需引入和后編譯，輕量靈活；擴(kuò)展性強(qiáng)，可以方便地基于現(xiàn)有組件實(shí)現(xiàn)二次開發(fā)。

六：buefy

官網(wǎng)地址：https://buefy.github.io/#/

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

七：vue-beauty

官網(wǎng)地址： https://fe-driver.github.io/vue-beauty/#/components/button

介紹：基于 ant design 的漂亮的 vue 組件庫；vue-beauty 是一套基于 vue.js 和 ant-design樣式 的PC端 UI 組件庫，旨在幫助開發(fā)者提升產(chǎn)品體驗(yàn)和開發(fā)效率、降低維護(hù)成本。

八：at-ui

官網(wǎng)地址： https://at-ui.github.io/at-ui/#/zh

介紹：AT-UI 是一個(gè)模塊化的前端 UI 框架，開發(fā)基于Vue.js 的快速和強(qiáng)大的 Web 界面。專門為桌面應(yīng)用程序構(gòu)建，AT-UI提供了一套 npm + webpack + babel 前端開發(fā)工作流程。全英文的文檔對用戶來說可能是具有有挑戰(zhàn)性的，但它提供了一個(gè)體面的干凈整潔的 UI 組件。

九：Vue-Blu

官網(wǎng)地址： https://chenz24.github.io/vue-blu/#/

介紹：Vue-Blu是基于Vuejs和Bulma開發(fā)的開源UI組件庫。旨在為PC端的前端開發(fā)(特別是中后臺(tái)產(chǎn)品)提供一個(gè)快速且靈活的解決方案。全面、靈活且強(qiáng)大的ui組件，API友好。

十：vue-storefront

官網(wǎng)地址：http://vuestorefront.io/

介紹：Vue.js Storefront - 將 PWA 集成到電子商務(wù)的框架，支持離線訪問

十一：Vux

官網(wǎng)地址：https://vux.li/

介紹：VUX（讀音 [v’ju:z]，同 views）是基于WeUI和Vue(2.x)開發(fā)的移動(dòng)端UI組件庫，主要服務(wù)于微信頁面。

十二：Mint UI

官網(wǎng)地址：http://mint-ui.github.io

介紹：Mint UI 包含豐富的 CSS 和 JS 組件，能夠滿足日常的移動(dòng)端開發(fā)需要。通過它，可以快速構(gòu)建出風(fēng)格統(tǒng)一的頁面，提升開發(fā)效率。

十三：Vant

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

介紹：有贊前端團(tuán)隊(duì)基于有贊統(tǒng)一的規(guī)范實(shí)現(xiàn)的 Vue 組件庫，提供了一整套 UI 基礎(chǔ)組件和業(yè)務(wù)組件。

十四：Muse-ui

官網(wǎng)地址：https://muse-ui.org/#/zh-CN

Muse UI 基于 Vue2.0 開發(fā)，Vue2.0是當(dāng)下最快的前端框架之一，小巧，api友好，可用于開發(fā)的復(fù)雜單頁應(yīng)用。

以上是“vue前端UI框架有什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！