Heim > Artikel > Web-Frontend > Was sind die Vue-Front-End-UI-Frameworks?
Vue-Frontend-UI-Frameworks umfassen: Element, iview, vuetify, vue-strap, Cube-ui, buefy, vue-beauty, at-ui, Vue-Blu, vue-storefront, Vux, Mint UI, Vant usw .
Die Betriebsumgebung dieses Artikels: Windows 10-System, Vue 2.0, Thinkpad T480-Computer.
Verwandte Empfehlungen: „vue.js Tutorial“
vue Front-End-UI-Framework
1: Element
Offizielle Website-Adresse: http://element-cn.eleme.io/#/zh- CN
Einführung: Die Schaltflächenkomponente des Element-UI-Frameworks ist eine Open-Source-Lösung für das Frontend von Ele.me. Nach seiner Einführung hat es die Herzen vieler Programmierer erobert. Auf Github liegt die Sternebewertung sogar bei 29,8k, was schon alles erklärt. Für die Entwicklung PC-seitiger Seiten ist es mehr als ausreichend. Wenn Sie ein Vue-Entwickler sind, aber noch nie die Element-Benutzeroberfläche verwendet haben, dann sind Sie definitiv kein qualifizierter Vue-Entwickler.
Zwei: iview
Offizielle Website-Adresse: https://www.iviewui.com/
Einführung: iView ist eine Reihe von Open-Source-UI-Komponentenbibliotheken basierend auf Vue.js, die hauptsächlich Mid- und Back-End bedienen Produkte für PC-Schnittstellen. Das Vue-Komponentenentwicklungsmodell basiert auf npm + webpack + babel. Es unterstützt die hochwertige, funktionsreiche und benutzerfreundliche API von ES2015 und ermöglicht eine freie und flexible Nutzung des Speicherplatzes. Es wird von TalkingData entwickelt und verwaltet wird von vielen namhaften Internetunternehmen genutzt.
Drei: vuetify
Offizielle Website-Adresse: https://vuetifyjs.com/zh-Hans/
Einführung: Vuetifyjs bietet ein UI-Layout gemäß den Materialdesignspezifikationen. Die Alpha-Version V 1.0 bietet über 80 wiederverwendbare Komponenten mit einem leicht zu merkenden semantischen Design, das auf Typattributen mit einfachen und klaren Namen basiert, die Sie ganz nach Bedarf eingeben können. Es gibt über 7.000 Sterne auf GitHub.
Vier: vue-strap
Offizielle Website-Adresse: http://yuche.github.io/vue-strap/
Einführung: Bootstrap-Komponenten basierend auf Vue.js Dieses Repository enthält eine Reihe lokaler Vue-basierter Bootstrap-Tags und CSS .js-Komponenten. Es sind also keine jQuery- und Bootstrap-JavaScript-Dateien erforderlich. Das Einzige, worauf Sie sich verlassen müssen, ist: Vue.js Bootstrap CSS ist nicht auf eine sehr präzise Bootstrap-Version angewiesen. Wenn Sie Bootstrap mögen, aber die Entwicklungsmethode von JQuery nicht ändern möchten, ist dies die beste Wahl.
Fünf: Cube-ui
Offizielle Website-Adresse: https://didi.github.io/cube-ui/#/zh-CN/example
Einführung: Cube-ui basiert auf Vue.js, das von Didi entwickelt wurde Das Team hat eine exquisite Bibliothek mobiler Komponenten implementiert. Es unterstützt die bedarfsgesteuerte Einführung und Nachkompilierung, ist leichtgewichtig und flexibel und kann problemlos eine Sekundärentwicklung auf der Grundlage vorhandener Komponenten implementieren.
Sechs: buefy
Offizielle Website-Adresse: https://buefy.github.io/#/
Einführung: Buefy ist eine leichtgewichtige UI-Komponente basierend auf Bulma und Vue.js, die eine gebrauchsfertige, leichtgewichtige Benutzeroberfläche bietet Komponenten. Obwohl die Auswahl an Komponenten begrenzt ist, ist es einen Versuch wert.
Sieben: vue-beauty
Offizielle Website-Adresse: https://fe-driver.github.io/vue-beauty/#/components/button
Einführung: Eine wunderschöne Vue-Komponentenbibliothek basierend auf Ameisendesign; Schönheit Es handelt sich um eine PC-seitige UI-Komponentenbibliothek, die auf vue.js und Ant-Design-Stilen basiert und Entwicklern dabei helfen soll, das Produkterlebnis und die Entwicklungseffizienz zu verbessern und die Wartungskosten zu senken.
Acht: at-ui
Offizielle Website-Adresse: https://at-ui.github.io/at-ui/#/zh
Einführung: AT-UI ist ein modulares Front-End-UI-Framework, das auf Basis entwickelt wurde auf Vue Schnelle und leistungsstarke Weboberfläche in .js. AT-UI wurde speziell für Desktop-Anwendungen entwickelt und bietet einen NPM + Webpack + Babel-Front-End-Entwicklungsworkflow. Die vollständig englische Dokumentation mag für Benutzer eine Herausforderung sein, bietet aber eine ordentliche, saubere und aufgeräumte UI-Komponente.
Neun: Vue-Blu
Offizielle Website-Adresse: https://chenz24.github.io/vue-blu/#/
Einführung: Vue-Blu ist eine Open-Source-UI-Komponentenbibliothek, die auf Basis von Vuejs und Bulma entwickelt wurde. Ziel ist es, eine schnelle und flexible Lösung für die PC-seitige Front-End-Entwicklung (insbesondere Middle- und Back-End-Produkte) bereitzustellen. Umfassende, flexible und leistungsstarke UI-Komponenten mit benutzerfreundlicher API.
Zehn: vue-storefront
Offizielle Website-Adresse: http://vuestorefront.io/
Einführung: Vue.js Storefront – ein Framework, das PWA in E-Commerce integriert und den Offline-Zugriff unterstützt
Elf: Vux
Offizielle Website-Adresse: https://vux.li/
Einführung: VUX (ausgesprochen [v'ju:z], dasselbe wie Ansichten) ist eine mobile UI-Komponentenbibliothek, die auf Basis von WeUI und Vue (2.x) entwickelt wurde. dient hauptsächlich der WeChat-Seite.
Zwölf: Mint UI
Offizielle Website-Adresse: http://mint-ui.github.io
Einführung: Mint UI enthält umfangreiche CSS- und JS-Komponenten, die den täglichen mobilen Entwicklungsbedarf decken können. Dadurch können Sie schnell eine Seite mit einem einheitlichen Stil erstellen und die Entwicklungseffizienz verbessern.
Dreizehn: Vant
Chinesische Dokumentation: https://youzan.github.io/vant/#/zh-CN/intro
Einführung: Vue-Komponentenbibliothek, implementiert vom Youzan-Frontend-Team basierend auf den einheitlichen Spezifikationen von Youzan ein vollständiger Satz von UI-Basiskomponenten und Geschäftskomponenten.
Vierzehn: Muse-ui
Offizielle Website-Adresse: https://muse-ui.org/#/zh-CN
Muse UI wurde auf Basis von Vue2.0 entwickelt, einem der schnellsten Front-End-Frameworks derzeit klein, API-freundlich und kann zur Entwicklung komplexer Single-Page-Anwendungen verwendet werden.
Sie können das Framework auswählen, das zu Ihrem Projekt passt, und es verwenden
Verwandte Empfehlungen:
Zusammenfassung der Fragen zum Front-End-Vue-Interview 2020 (mit Antworten)
Vue-Tutorial-Empfehlung: 2020 neueste 5 vue.js-Video-Tutorial-Auswahl
Weitere Programmierkenntnisse finden Sie unter: Programmiervideo ! !
Das obige ist der detaillierte Inhalt vonWas sind die Vue-Front-End-UI-Frameworks?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!