5 Vue-Bibliotheken für mobile UI-Komponenten, die für den Heimgebrauch geeignet sind

In diesem Artikel stellen wir Ihnen 5 Vue mobile UI-Komponentenbibliotheken vor, die für den Heimgebrauch geeignet sind. Ich hoffe, dass er für alle hilfreich ist!

Einige Zeit nach der Veröffentlichung der offiziellen Version von Vue 3 haben wichtige Komponentenbibliotheken und Frameworks Vue 3 unterstützt und optimiert. Insbesondere die mobile Komponentenbibliothek von Vue wurde sprunghaft aktualisiert. Mehrere führende Hersteller haben Vue 3 ebenfalls vollständig angenommen und nacheinander mobile UI-Komponentenbibliotheken veröffentlicht, die Vue 3 unterstützen, was Amway sehr würdig ist. (Lernvideo-Sharing: vuejs-Tutorial)

Dieser Artikel untersucht die in China häufig verwendete Vue-Komponentenbibliothek für mobile Benutzeroberflächen und wählt 5 kostenlose Langzeitwartungsprodukte von inländischen erstklassigen Internetunternehmen oder gut kommerzialisierten Unternehmen/Einzelpersonen für mobile Benutzeroberflächen aus Die Bibliothek wird mit allen geteilt.

• Vant 3 – Mobile UI-Komponentenbibliothek von Youzan, unterstützt Vue 3 WeChat-Applet, Alipay-Applet
• Cube UI – Didi Chuxing mobile UI-Bibliothek, zuverlässige Qualität, Standardspezifikationen, starke Skalierbarkeit
• VUX – Mobile Terminal UI-Komponentenbibliothek, stark optimiert für WeChat
• NUTUI 3.0 – Die mobile UI-Bibliothek von JD.com ist auf E-Commerce-Geschäftsszenarien ausgerichtet und unterstützt Vue3 . Vant 3 – Youzan mobile UI-Komponentenbibliothek, unterstützt Vue 3 WeChat-Applet, Alipay-Applet

Github: https://github.com/youzan/vant

Erste Empfehlung Die Vant 3 mobile UI-Komponente Die vom Youzan-Team bereitgestellte Open-Source-Bibliothek unterstützt nicht nur Vue 3 vollständig, sondern auch WeChat-Miniprogramme und Alipay-Miniprogramme. Man kann sagen, dass es sich um den König der mobilen UI-Komponentenbibliotheken handelt. Vant betreibt intern alle Kerngeschäfte von Youzan und bedient extern mehr als 100.000 Entwickler. Es handelt sich um eine der wichtigsten mobilen Komponentenbibliotheken der Branche.

Vant 3 verfügt über eine hervorragende Leistung, die durchschnittliche Komponentengröße beträgt weniger als 1 KB (min+gzip) und verfügt über mehr als 65 integrierte hochwertige Komponenten, die die meisten Anforderungen in Mainstream-Nutzungsszenarien abdecken. Es gibt über 700 Designvariablen und Tree-Shaking wurde eingeführt, um Komponenten nach Bedarf einzuführen und das Verpackungsvolumen zu reduzieren.

2. Cube UI – Didi Chuxing mobile UI-Bibliothek, mit zuverlässiger Qualität, Standardspezifikationen und starker Skalierbarkeit

Github: https://github.com/didi/cube-ui

Die vom Didi-Team als Open Source bereitgestellte mobile Vue-UI-Komponentenbibliothek für Cube UI ist leichtgewichtig und einfach zu verwenden.

Cube UI verfügt über zuverlässige Qualität und wurde aus der internen Komponentenbibliothek von Didi optimiert und verfeinert. Es hat den Geschäftstest über mehr als ein Jahr durchlaufen und jede Komponente verfügt über ausreichende Unit-Tests, um eine Garantie für die spätere Integration zu bieten. Das ultimative Erlebnis mit dem Ziel einer schnellen Reaktion, einer reibungslosen Animation und nahezu nativer Animation sowie dem Streben nach dem ultimativen interaktiven Erlebnis.

Die Cube-UI-Standardspezifikation folgt einheitlichen Design-Interaktionsstandards und stellt Designeffekte in hohem Maße wieder her. Die Schnittstelle ist standardisiert und die Verwendung ist einheitlich und standardisiert, was die Entwicklung einfacher und effizienter macht. Es verfügt über eine starke Skalierbarkeit, unterstützt die Einführung und Nachkompilierung bei Bedarf, ist leichtgewichtig und flexibel und kann problemlos eine Sekundärentwicklung basierend auf vorhandenen Komponenten implementieren. 3. VUX – Mobile UI-Komponentenbibliothek, stark optimiert für WeChat Die Vue UI-Komponentenbibliothek wird ausschließlich durch die persönlichen Interessen des Autors unterstützt und seit 5 oder 6 Jahren gepflegt. Hauptsächlich für mobile Endgeräte, freundlicher Support für WeChat. Durch die Unterstützung von vux-loader wird sichergestellt, dass Komponenten bei Bedarf verwendet werden können, ohne dass eine übermäßige Paketgröße befürchtet werden muss. VUX ist nicht vollständig von

WeUI

(die Design-UI-Bibliothek von WeChat) abhängig, sondern versucht, den gesamten UI-Stil nahe an den Designspezifikationen von WeUI zu halten.

4, NutUI 3.0 – JD.com mobile UI-Bibliothek, ausgerichtet auf E-Commerce-Geschäftsszenarien

Github: https://github.com/jdf2e/nutui

NutUI 3.0 ist veröffentlicht von JD.com Vue 3 mobile UI-Komponentenbibliothek. Es ist mobilfreundlich und speziell für Tests in mobilen E-Commerce-Geschäftsszenarien optimiert. Über 70 hochwertige UI-Komponenten, die auf der Grundlage der visuellen Spezifikationen von JD APP 10.0 entwickelt wurden, unterstützen On-Demand-Referenzen, TypeScript und Theme-Anpassung. Mit der Vue-Sprache können Sie Anwendungen auf H5- und Mini-Programmplattformen schreiben, was uns dabei hilft, die Entwicklungseffizienz und das Entwicklungserlebnis zu verbessern.

5, Vuetify 3 – erfahrene Vue-Benutzeroberfläche, entwickelt auf Basis des Material Design-Stils von Google

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

Vuetify ist die alte Vue UI-Komponentenbibliothek, die einen umfangreichen Satz häufig verwendeter Komponenten (mehr als 100 Komponenten) bereitstellt, die für die Verwendung in geeignet sind die meisten Szenarien Bedingung. Vuetify basiert auf dem Material Design-Stil von Google und kann eine sehr übersichtliche und erfrischende Schnittstellenfunktion generieren, ohne eine Zeile CSS schreiben zu müssen. Vuetify unterstützt PCs und mobile Endgeräte. Es ist reaktionsschnell, einfach zu konfigurieren, verfügt über ein reaktionsfähiges Netzwerksystem, unterstützt die Ereignisverarbeitung, unterstützt mehrere Browser und unterstützt sogar IE 11. Vuetify hat eine Version veröffentlicht, die Vue 3 unterstützt. Wenn Sie über zukünftige Migrationsprobleme nachdenken, können Sie diese bedenkenlos verwenden.

Erweiterung: Vue-UI-Komponentenbibliothek und KaraCloud

In diesem Artikel werden 5 Vue-Bibliotheken für mobile UI-Komponenten vorgestellt. Obwohl diese Komponentenbibliotheken uns daran hindern können, das Rad neu zu erfinden, ist das Front-End-Debugging manchmal sehr schwierig. Die Leute werden verrückt. Wenn Sie sich nicht mit Front-End-Problemen befassen möchten, wird die Verwendung von Kara Cloud empfohlen. Sie müssen keine Front-End-Komponenten kennen Ziehen und Ablegen.

Dies ist ein Datenbank-CURD-Backend-Managementsystem, das mit Kara Cloud erstellt wurde. Sie müssen nur Komponenten per Drag-and-Drop verschieben, um den Aufbau in 10 Minuten abzuschließen.

Weitere Vorlagen anzeigen: https://kalacloud.com/templates/

Originaladresse: https://kalacloud.com/blog/best-vue-mobile-ui-component-libraries/

( Lernvideo-Sharing: Web-Frontend-Entwicklung, Einführung in die Programmierung)

Das obige ist der detaillierte Inhalt von5 Vue-Bibliotheken für mobile UI-Komponenten, die für den Heimgebrauch geeignet sind. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!