Heim  >  Artikel  >  Web-Frontend  >  Was sind die Vue-Front-End-UI-Frameworks?

Was sind die Vue-Front-End-UI-Frameworks?

青灯夜游
青灯夜游Original
2020-12-11 10:40:579753Durchsuche

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 .

Was sind die Vue-Front-End-UI-Frameworks?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn