vue.js的ui框架有:Element、iview、vuetify、vue-strap、cube-ui、buefy、vue-beauty、at-ui、Vue-Blu、vue-storefront等等。
基於vue.js的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/#/#########十:vue-storefront##########Vue. js Storefront - 將PWA 整合到電子商務的框架,支援離線存取######官網位址:http://vuestorefront.io/########相關推薦:#######
#更多程式相關知識,請造訪:程式設計教學! !
以上是vue.js有哪些ui框架?的詳細內容。更多資訊請關注PHP中文網其他相關文章!