日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

VUE优秀UI组件库(PC和Mobile)

發布時間:2023/12/8 编程问答 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 VUE优秀UI组件库(PC和Mobile) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

引用:?https://my.oschina.net/u/3219445/blog/1573155

隨著SPA、前后端分離的技術架構在業界越來越流行,前端的業務復雜度也越來越高,導致前端開發者需要管理的內容,承擔的職責越來越多,這一切,使得業界對前端開發方案的思考多了很多,以react、vue等框架為代表推動的組件化開發模式越來越被開發者認可,這種模式極大的降低了我們開發與維護的成本。vue作為一款深受廣大群眾以及尤大崇拜者的喜歡,特此列出在github上開源的vue優秀UI組件庫供大家參考,期待開發者們推出更多優秀的組件庫。

?

?

------------PC------------

?

Element

?

?

star★:19.7k

demo:http://element.eleme.io/#/zh-CN/component/layout

docs:http://element.eleme.io/#/zh-CN

github:https://github.com/ElemeFE/element

  • Dependencies
  • Vue.js?(^v2.x).
  • Browser support
  • Modern browsers and IE 9+.
  • 視頻教程:https://www.laravist.com/series/use-element-ui-tool-kit
  • ?

    iView

    ?

    ?

    star★:10.8k

    demo:https://www.iviewui.com/overview

    docs:https://www.iviewui.com/

    github:https://github.com/iview/iview

  • Dependencies
  • Vue.js?(^v2.x) - use?HERE?for Vue 1.x support.
  • Browser support
  • Modern browsers and IE 9+.
  • ?

    vue-strap

    ?

    ?

    star★:4.4k

    demo:http://yuche.github.io/vue-strap/

    docs:http://yuche.github.io/vue-strap/

    github:https://github.com/yuche/vue-strap

  • Dependencies
  • Vue.js?(required ^v1.x.x, test with v1.0.8).
  • Bootstrap CSS?(required 3.x.x, test with 3.3.5).
  • ?

    vue-admin

    ?

    ?

    star★:6.5k

    demo:https://admin.vuebulma.com/#/components

    docs:https://admin.vuebulma.com/#/

    github:https://github.com/vue-bulma/vue-admin

  • Dependencies
  • Vue.js?(^v2.x+) - use?HERE?for Vue 1.x support.
  • ?

    keen-ui

    ?

    ?

    star★:3.1k

    demo:https://josephuspaye.github.io/Keen-UI/#

    docs:https://josephuspaye.github.io/Keen-UI/#

    github:https://github.com/JosephusPaye/Keen-UI

  • Dependencies
  • Vue.js?(^v2.x) - use?keen-ui@0.8.9?for Vue 1.x support.
  • Browser support
  • Modern browsers and IE 10+ (due to?Flexbox support).
  • ?

    Vue MDL

    ?

    ?

    star★:1.1k

    demo:http://posva.net/vue-mdl/

    docs:http://posva.net/vue-mdl/

    github:https://github.com/posva/vue-mdl

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    BootstrapVue

    ?

    ?

    star★:2.8k

    demo:https://bootstrap-vue.github.io/

    docs:https://bootstrap-vue.github.io/docs

    github:https://github.com/bootstrap-vue/bootstrap-vue/

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    Vue-Blu

    ?

    ?

    star★:1.1k

    demo:https://chenz24.github.io/vue-blu/#/

    docs:https://chenz24.github.io/vue-blu/#/

    github:https://github.com/chenz24/vue-blu

  • Dependencies
  • Vue.js?(^v2.x).
  • Browser support
  • Modern browsers and IE10+
  • ?

    Vuikit

    ?

    ?

    star★:826

    demo:https://vuikit.js.org/#/

    docs:https://vuikit.js.org/#/

    github:https://github.com/vuikit/vuikit

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    ------------Mobile------------

    Weex

    star★:15k

    github:https://github.com/apache/incubator-weex

  • Dependencies
  • Vue.js?(^v2.x).
  • Vux

    ?

    ?

    star★:10k

    demo:https://vux.li/demos/v2/#/

    docs:https://vux.li/#/

    github:https://github.com/airyland/vux

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    mint-ui

    ?

    ?

    star★:8.4k

    demo:http://elemefe.github.io/mint-ui/#/

    docs:http://mint-ui.github.io/#!/zh-cn

    github:https://github.com/ElemeFE/mint-ui

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    Muse-UI

    star★:5k

    github:https://github.com/museui/muse-ui

  • Dependencies
  • Vue.js?(^v2.x).
  • Browser Support

    • IE 10+
    • Andorid 4.4+
    • IOS 7+

    ?

    Vonic

    ?

    ?

    star★:2.3k

    demo:https://wangdahoo.github.io/vonic/docs/#/

    docs:https://wangdahoo.github.io/vonic-documents/#/

    github:https://github.com/wangdahoo/vonic

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    Vum

    ?

    ?

    star★:1.2k

    demo:http://demo.getvum.com/#!/

    docs:http://getvum.com/

    github:https://github.com/vum-team/vum

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    Vue-Carbon

    ?

    ?

    star★:751

    demo:https://myronliu347.github.io/vue-carbon/#!/

    docs:https://myronliu347.github.io/vue-carbon/book/v0.5.0/

    github:https://github.com/myronliu347/vue-carbon

  • Dependencies
  • Vue.js?(^v1.0.2).
  • ?

    vue-ydui

    ?

    ?

    star★:743

    demo:http://vue.ydui.org/

    docs:http://vue.ydui.org/docs/#/

    github:https://github.com/ydcss/vue-ydui

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    Vuwe

    ?

    ?

    star★:185

    demo:https://vuwe.github.io/vuwe/#/

    docs:https://vuwe.github.io/vuwe/doc.html#/

    github:https://github.com/vuwe/vuwe

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    WE-VUE

    ?

    ?

    star★:123

    demo:http://wevue.org/

    github:https://github.com/tianyong90/we-vue

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    ---responsive layout system---

    ?

    muse-ui

    star★:4.9k

    github:https://github.com/museui/muse-ui

    Browser Support

    • IE 10+
    • Andorid 4.4+
    • IOS 7+

    Dependencies

    • vuejs 2.0
    • keycode
    • material icons
    • material design

    Vue Material

    ?

    ?

    star★:4.7k

    demo:https://vuematerial.github.io/#/

    docs:https://vuematerial.github.io/#/getting-started

    github:https://github.com/marcosmoura/vue-material

  • Dependencies
  • Vue.js?(^v2.x).
  • Browser Support
  • the latest version of all Browsers and Edge 12+ IE 11
  • ?

    Muse-UI

    ?

    ?

    star★:2.5k

    demo:http://www.muse-ui.org/#/install

    docs:http://www.muse-ui.org/#/index

    github:https://github.com/museui/muse-ui

  • Dependencies
  • Vue.js?(^v2.x).
  • Browser Support
  • IE 10+
  • Andorid 4.4+
  • IOS 7+
  • ?

    Vuetify

    ?

    ?

    star★:2.1k

    demo:https://vuetifyjs.com

    docs:https://vuetifyjs.com

    github:https://github.com/vuetifyjs/vuetify

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    Radon UI

    ?

    ?

    star★:669

    demo:https://luojilab.github.io/radon-ui/#!/basic/button

    docs:https://luojilab.github.io/radon-ui/#!/

    github:https://github.com/luojilab/radon-ui

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    RUBIK

    ?

    ?

    star★:191

    demo:https://ccforward.github.io/rubik/#/

    docs:https://ccforward.github.io/rubik/#/

    github:https://github.com/ccforward/rubik/

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    ------------Hybrid------------

    ?

    OnsenUI-Vue

    ?

    ?

    star★:4.6k

    demo:https://tutorial.onsen.io/?framework=vue&category=reference&module=dialog

    docs:https://onsen.io/v2/docs/guide/vue/

    github:https://github.com/OnsenUI/OnsenUI/tree/master/bindings/vue

  • Dependencies
  • Vue.js?(^v2.x).
  • ?
  • Browser Support
  • Android 4.4.4+
  • iOS 8+
  • Chrome
  • Safari
  • ?

    Quasar

    ?

    ?

    star★:1.8k

    demo:http://quasar-framework.org/components/dialog.html

    docs:http://quasar-framework.org/guide/index.html

    github:https://github.com/quasarframework/quasar

  • Dependencies
  • Vue.js?(^v2.x).
  • ?

    Framework7-Vue

    ?

    ?

    star★:247

    demo:http://framework7.cn/

    docs:http://vue.framework7.cn/

    github:https://github.com/nolimits4web/Framework7-Vue

  • Dependencies
  • Vue.js?(^v2.x).
  • 總結

    以上是生活随笔為你收集整理的VUE优秀UI组件库(PC和Mobile)的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。