vue的ui框架有哪些 vue插件都有哪些UI组件和框架,能告诉我一下吗?
\u57fa\u4e8evue\u7684ui\u6846\u67b6\u6709\u54ea\u4e9bhttps://github.com/ElemeFE/element 6283 star \u997f\u4e86\u4e48\u5f00\u6e90\u7684\uff0c\u652f\u6301 vue2.0
https://github.com/yuche/vue-strap 3073 star \u4f7f\u7528 Vue.js \u548c\u7eaf JavaScript \u6784\u5efa\u7684 Bootstrap \u7ec4\u4ef6\uff0c\u7528\u7684 vue 1.x
https://github.com/iview/iview 2326 star \uff0c\u9002\u5408 PC \u7f51\u9875\uff0c\u76ee\u524d\u53ea\u652f\u6301 Vue.js 1.x \u7248\u672c\u3002
https://github.com/airyland/vux 5994 star \u7ed3\u5408\u4e86 weui \uff0c\u7528\u7684 vue 1.x
https://github.com/ElemeFE/mint-ui/ 3809 star \uff0c\u652f\u6301 vue2.0
element - \u997f\u4e86\u4e48\u51fa\u54c1\u7684Vue2\u7684web UI\u5de5\u5177\u5957\u4ef6
mint-ui - Vue 2\u7684\u79fb\u52a8UI\u5143\u7d20
iview - \u57fa\u4e8e Vuejs \u7684\u5f00\u6e90 UI \u7ec4\u4ef6\u5e93
Keen-UI - \u8f7b\u91cf\u7ea7\u7684\u57fa\u672cUI\u7ec4\u4ef6\u5408\u96c6
vue-material - \u901a\u8fc7Vue Material\u548cVue 2\u5efa\u7acb\u7cbe\u7f8e\u7684app\u5e94\u7528
muse-ui - \u4e09\u7aef\u6837\u5f0f\u4e00\u81f4\u7684\u54cd\u5e94\u5f0f UI \u5e93
vuetify - \u4e3a\u79fb\u52a8\u800c\u751f\u7684Vue JS 2\u7ec4\u4ef6\u6846\u67b6
vonic - \u5feb\u901f\u6784\u5efa\u79fb\u52a8\u7aef\u5355\u9875\u5e94\u7528
vue-blu - \u5e2e\u52a9\u4f60\u8f7b\u677e\u521b\u5efaweb\u5e94\u7528
vue-multiselect - Vue.js\u9009\u62e9\u6846\u89e3\u51b3\u65b9\u6848
VueCircleMenu - \u6f02\u4eae\u7684vue\u5706\u73af\u83dc\u5355
vue-chat - vuejs\u548cvuex\u53cawebpack\u7684\u804a\u5929\u793a\u4f8b
radon-ui - \u5feb\u901f\u5f00\u53d1\u4ea7\u54c1\u7684Vue\u7ec4\u4ef6\u5e93
vue-waterfall - Vue.js\u7684\u7011\u5e03\u5e03\u5c40\u7ec4\u4ef6
vue-carbon - \u57fa\u4e8e vue \u5f00\u53d1MD\u98ce\u683c\u7684\u79fb\u52a8\u7aef
vue-beauty - \u7531vue\u548cant design\u521b\u5efa\u7684\u4f18\u7f8eUI\u7ec4\u4ef6
bootstrap-vue - \u5e94\u7528\u4e8eVuejs2\u7684Twitter\u7684Bootstrap 4\u7ec4\u4ef6
vueAdmin - \u57fa\u4e8evuejs2\u548celement\u7684\u7b80\u5355\u7684\u7ba1\u7406\u5458\u6a21\u677f
vue-ztree - \u7528 vue \u5199\u7684\u6811\u5c42\u7ea7\u7ec4\u4ef6
vue-tree - vue\u6811\u89c6\u56fe\u7ec4\u4ef6
vue-tabs - \u591atab\u9875\u8f7b\u578b\u6846\u67b6
elementUI
2.iview
这个UI框架是对标elementUI而生的,最大优点是官方有桌面版配置工具,只需使用鼠标就可以构建一个基于iview+vue的应用,免去手巧命令的烦恼。最新的版本为3.x。建议对elementUI框架审美疲劳的同学可以尝试这个呦。官方网站的文档和例子基本上你是小白也能学明白。
3.zanUI
由有赞团队开源的移动端UI框架,对于移动电商应用的开发来说,有很多写好的页面组件,可以直接拿来使用。当然zanUI的样式也是很好看的。当然也有PC端组件,和小程序端。zanUI一共分三个版本,针对移动端的为vantUI,PC端为zentUI,小程序端为Vant Weapp。
4.onsenUI
onsenUI的组件样式
这个UI框架是国外开发,所以UI设计,很多都是迎合国外用户,对于国内用户,可能不是很好看,但是做为主打海外市场的应用,这个UI框架还是值得去使用的。
5.mintUI
这个是一个中规中矩的移动端UI框架,适合移动端的绝大部分场景。
6.museUI
这个框架还是比较有特色的,不管怎么说,这类不随波逐流的UI框架已经很少见了,但是还是建议使用在主打海外市场的应用上。
绛旓細Element UI锛氫互鍏剁洿瑙傛槗鐢ㄧ殑鐣岄潰鍜岄珮搴︽ā鍧楀寲鐨勭粨鏋勶紝娣卞彈寮鍙戣呭枩鐖便傛棤璁烘槸鍩虹缁勪欢杩樻槸楂樼骇鍔熻兘锛孍lement UI閮借兘鏃犵紳铻嶅叆浣犵殑椤圭洰锛屾彁鍗囧紑鍙戞晥鐜囥傝屽浜庣Щ鍔ㄨ澶囧紑鍙戯紝Vue鍚屾牱鎷ユ湁涓娴佺殑瑙e喅鏂规锛氱Щ鍔ㄤ紭鍏鐨刄I缁勪欢搴撴帹鑽愶細Vant锛氫笓涓虹Щ鍔ㄧ璁捐鐨勮交閲忕骇搴擄紝鍏剁粍浠剁畝娲佽屽姛鑳藉己澶э紝鏃犺鏄湪鎬ц兘杩樻槸瑙嗚...
绛旓細Element Plus浣滀负Vue 3鐨刄I缁勪欢搴擄紝鏄疎lement UI鐨勫欢缁紝瀹冨湪璁捐鍜屾ц兘涓婃湁鎵绐佺牬锛屼负寮鍙戣呮彁渚涗簡涓板瘜鐨勯夋嫨銆傚浜庡姹備笌Ant Design鍏煎鐨勮В鍐虫柟妗堬紝Ant Design Vue鎻愪緵浜嗚缁嗕笖鏄撲簬瀹氬埗鐨勬枃妗o紝婊¤冻瀵硅璁$伒娲绘х殑楂樿姹傘傜幇浠h璁¢鏍间笌Vue 3鍙婂浗闄呭寲鏀寔鐨勫畬缇庣粨鍚堬紝Vuestic UI浠ュ叾浼橀泤鐨勭晫闈㈠拰鍏ㄩ潰...
绛旓細1.Vue-cli锛屽熀浜嶸ue.js杩涜蹇熷紑鍙戠殑瀹屾暣绯荤粺锛2.vue-router锛寁ue瀹樻柟鐨勮矾鐢辩鐞嗗櫒锛3.vuex锛屼负vue搴旂敤绋嬪簭寮鍙戠殑鐘舵佺鐞嗘ā寮忥紱4.axios锛屽熀浜嶱romise鐢ㄤ簬娴忚鍣ㄥ拰node.js鐨凥TTP瀹㈡埛绔痸ue鍏ㄥ妗舵湁浠ヤ笅鍑犵锛1.vuecli2.vueRouter3.vuex锛4.Axios锛5.鎼厤UI妗嗘灦濡傦細iview銆乿ant銆乪lementUI锛
绛旓細婕旂ず鍦板潃锛歨ttps://wangdahoo.github.io/vonic/docs/#/home 涓涓熀浜 vue.js 鍜 ionic 鏍峰紡鐨 UI 妗嗘灦锛岀敤浜庡揩閫熸瀯寤虹Щ鍔ㄧ鍗曢〉搴旂敤锛屽緢绠绾 鏂囨。鍦板潃锛歨ttps://didi.github.io/cube-ui/#/zh-CN/docs/introduction 婕旂ず鍦板潃锛歨ttps://didi.github.io/cube-ui/...
绛旓細鍓嶇ui妗嗘灦鏈:閫傚悎绉诲姩绔殑UI妗嗘灦(Mint UI銆丼UI Mobile銆乄eui绛),閫傚悎PC 绔殑UI妗嗘灦(iView銆丒lement UI銆丼UI銆丠-ui绛),閫傚悎娣峰悎寮鍙戠殑UI妗嗘灦(ionic銆丗ramework7绛),浠ヤ笅鏄叿浣撶殑鍐呭浠嬬粛銆傞傚悎绉诲姩绔殑UI妗嗘灦Mint UI(楗夸簡涔堝洟闃)涓枃瀹樼綉:http://mint-ui.github.io/#!/zh-cn鎻忚堪:鍩轰簬vue鐨勭Щ鍔ㄧUI妗嗘灦...
绛旓細Vue鍏ㄥ妗朵竴鑸潵璇存寚鐨勬槸鑴氭墜鏋vue-cli銆佽矾鐢眝ue-Router銆佺姸鎬佺鐞嗘ā寮弙uex銆丄xios銆乪lementUI绛ui妗嗘灦鍜屾墦鍖呭伐鍏穡ebpack銆倂ue-cli涔熷彨鑴氭墜鏋讹紝瀹樻柟瀹氫箟涓篤ue.js寮鍙戠殑鏍囧噯宸ュ叿銆俈ue-cli鏄竴涓熀浜嶸ue.js杩涜蹇熷紑鍙戠殑瀹屾暣绯荤粺锛屽彲浠ヨ嚜鍔ㄧ敓鎴怴ue.js锛媤ebpack鐨勯」鐩ā鏉裤俈uecli鎻愪緵浜嗗己澶х殑鍔熻兘锛岀敤浜庡畾鍒...
绛旓細ElementUI鏄熀浜Vue.js 2.0寮鍙戠殑妗岄潰绔UI妗嗘灦锛屾墜鏈虹鏈夊搴旀鏋舵槸MintUI銆傜晫闈㈠強缁勪欢鐨勫樊寮傦細layui鐣岄潰婕備寒锛岀粍浠堕綈鍏紝鐢ㄨ捣鏉ユ瘮杈冪畝鍗曢『鎵嬶紝閮ㄥ垎缁勪欢鍩轰簬jquery锛屽浘鏍囪緝灏戯紝ElementUI鍜宨ViewUI鐣岄潰缇庤锛岀粍浠堕綈鍏紝浠g爜绠娲侊紝iViewUI鐨勫浘鏍囬噺杈冨ぇ锛屼袱涓鏋堕兘鍩轰簬vue杩涜浣跨敤銆
绛旓細vuetify - 涓虹Щ鍔ㄨ岀敓鐨Vue JS 2缁勪欢妗嗘灦 vonic - 蹇熸瀯寤虹Щ鍔ㄧ鍗曢〉搴旂敤 vue-blu - 甯姪浣犺交鏉惧垱寤簑eb搴旂敤 vue-multiselect - Vue.js閫夋嫨妗嗚В鍐虫柟妗 VueCircleMenu - 婕備寒鐨剉ue鍦嗙幆鑿滃崟 vue-chat - vuejs鍜寁uex鍙妛ebpack鐨勮亰澶╃ず渚 radon-ui - 蹇熷紑鍙戜骇鍝佺殑Vue缁勪欢搴 vue-waterfall - Vue.js...
绛旓細at-ui at-ui 鏄竴娆鹃樋閲屽洟闃熷垱寤虹殑鍩轰簬 Vue 2.x 鐨勫墠绔 UI 缁勪欢搴擄紝涓昏鐢ㄤ簬蹇熷紑鍙 PC 缃戠珯浜у搧銆 瀹冩彁渚涗簡涓濂 npmwebpackbabel 鍓嶇寮鍙戝伐浣滄祦绋嬶紝CSS 鏍峰紡鐙珛锛屽嵆浣块噰鐢ㄤ笉鍚岀殑妗嗘灦瀹炵幇閮借兘淇濇寔缁熶竴鐨 UI 椋庢牸銆俛maze UI amaze UI Amaze UI 鏄竴涓Щ鍔ㄤ紭鍏堢殑璺ㄥ睆鍓嶇妗嗘灦銆傛彁渚涘熀纭鏍峰紡锛...
绛旓細Vant 涓濂楀熀浜Vue鐨绉诲姩绔UI妗嗘灦锛屾湁璧炲嚭鍝併傚洜涓篣I璁捐鐨勫婕備寒锛屾簮鐮佺粨鏋勪篃姣旇緝娓呮櫚锛屾彃浠跺畾浣嶄篃姣旇緝鏄庣‘锛岄噸瑕佹槸瀹炴垬杩囩▼涓殑浣跨敤浣撻獙涓嶉敊銆傚湪鏈杩戠殑椤圭洰褰撲腑灏变娇鐢 Vant 浣滀负绉诲姩绔殑鍩虹UI妗嗘灦锛屼絾鍦ㄥ疄璺佃繃绋嬩腑鍙戠幇璇ユ鏋跺拰鍏朵粬妗嗘灦鏈涓嶄竴鏍风殑鍦版柟銆備緥濡傚畠涓嶅唴缃〃鍗曢獙璇侊紝鎺ヤ笅鏉ワ紝鎴戞妸鑷繁瀹炵幇楠岃瘉...