1. 程式人生 > 其它 >vue支援的ui庫

vue支援的ui庫

轉載:https://blog.csdn.net/qq_36538012/article/details/108464664

在做vue專案開發的時候遇到了一個問題,如何選擇自己的技術棧?隨著vue的開發者越來越多,各種框架也漸漸多起來,面對眾多的框架,如何選擇一款適合自己業務的框架,還是一件比較糾結的事情,今天總結了一下2020年GitHub上面比較受歡迎,star較高的幾個UI框架。

1:餓了麼ElementUI

推薦指數:star:45.2k
適用:PC端

官網地址:http://element-cn.eleme.io/#/zh-CN
GitHub地址:https://github.com/ElemeFE/element

介紹:
element-ui中規中矩,上手挺快,大多數vue開發應該都是選擇element,因為社群做的比較完整,不懂的可以在網上找到很多解答,PC端開發,請選擇ElementUI,是真的好用!各種元件功能考慮的很周到且便於擴充套件。最重要的一點,引入方便!可以快速成型,對後端工程師比較友好。


2:vuetify

推薦指數:star:25.4k
適用:移動PC多端支援

GitHub地址:https://github.com/vuetifyjs/vuetify
官網地址:https://vuetifyjs.com/zh-Hans/

Vuetify確實是一款非常精緻的UI框架,它提供了很多常用的元件,依靠Material Design的設計優勢,讓你無需編寫一行css程式碼就可以得到非常美觀的介面功能。響應式做的不錯,移動PC多端支援,配置靈活,元件也挺多的,足夠現代,功能全面vuetify,一直用一直爽,強烈推薦vuetify。


3:iView

推薦指數:star:23.2k
適用:PC 介面的中後臺產品。

官網地址:http://v1.iviewui.com/
GitHub地址:https://github.com/iview/iview

描述:iView 是一套基於 Vue.js 的開源 UI 元件庫,主要服務於 PC 介面的中後臺產品。功能豐富,友好的 API ,自由靈活地使用空間細緻、漂亮的 UI,最主要的是文件特別詳細,強烈安利喲~


4:vux

推薦指數:star:17k
適用:移動端
官網地址:https://vux.li/
GitHub地址:https://github.com/airyland/vux

介紹:VUX 是基於 WeUI 和 Vue.js 的 移動端 UI 元件庫,提供豐富的元件滿足移動端(微信)頁面常用業務需求。

圖片.png
5:mintui

星星指數:star:15.7k
適用:移動端

官網地址:http://mint-ui.github.io/#!/zh-cn
GitHub地址:https://github.com/ElemeFE/mint-ui

mintui兩三年沒更新了。個人感覺還是不用吧,因為星星有15.7k,就先記錄一下


6:有贊vant

推薦指數:star:13.7k
適用:移動端

網站地址:https://youzan.github.io/vant
GitHub地址::https://github.com/youzan/vant

Vant 是有贊開源的一套基於 Vue 2.0 的 Mobile 元件庫。通過 Vant,可以快速搭建出風格統一的頁面,提升開發效率。目前已有近 50 個元件,這些元件被廣泛使用於有讚的各個移動端業務中。 Vant 旨在更快、更簡單地開發基於 Vue 的美觀易用的移動站點。


7: ant-design-vue

推薦指數:star:10.3k
適用:PC端

文件地址:https://antdv.com/docs/vue/getting-started-cn/
GitHub地址:https://github.com/vueComponent/ant-design-vue
介紹:
一個網友維護的ant design vue版本, 致力於提供給程式設計師愉悅的開發體驗。


8:滴滴cube-ui

推薦指數:star:8k
適用:移動端
網站地址:https://didi.github.io/cube-ui/
GitHub:https://github.com/didi/cube-ui
介紹:基於 Vue.js 實現的精緻移動端元件庫


以上僅代表個人觀點,還有沒總結到的vue的UI框架框架,大家可以在評論區留言補充哦
————————————————
版權宣告:本文為CSDN博主「祈澈菇涼」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處連結及本宣告。
原文連結:https://blog.csdn.net/qq_36538012/article/details/108464664