Heim  >  Artikel  >  Web-Frontend  >  Was ist der Unterschied zwischen Vant und Uniapp?

Was ist der Unterschied zwischen Vant und Uniapp?

青灯夜游
青灯夜游Original
2020-12-09 11:41:4913327Durchsuche

Unterschied: Vant ist eine leichte und zuverlässige mobile Vue-Komponentenbibliothek, die schnell Seiten mit einem einheitlichen Stil erstellen und die Entwicklungseffizienz verbessern kann, während Uni-App ein Front-End-Framework ist, das Vue.js zur Entwicklung plattformübergreifender Anwendungen verwendet. Kann zur Entwicklung von Anwendungen verwendet werden, die mit mehreren Terminals kompatibel sind.

Was ist der Unterschied zwischen Vant und Uniapp?

Die Betriebsumgebung dieses Artikels: Windows 10-System, Vue 2.9, Thinkpad T480-Computer.

Verwandte Empfehlungen: „Programmierunterricht

vant

Vant ist eine leichte und zuverlässige mobile Vue-Komponentenbibliothek. Mit Vant können Sie schnell eine Seite mit einem einheitlichen Stil erstellen und die Entwicklungseffizienz verbessern.

Funktionen

  • 60+ hochwertige Komponenten

  • 95 % Unit-Test-Abdeckung

  • Vollständige chinesische und englische Dokumentation und Beispiele

  • Unterstützung bei der On-Demand-Einführung

  • Support-Thema Anpassung

  • Unterstützt die Internationalisierung

  • Unterstützt TS

  • Unterstützt SSR

Es wird empfohlen, Webpack und Babel zu verwenden, um Vant zu verwenden, damit Sie die umfangreichen Plug-Ins und die personalisierte Konfiguration von nutzen können Webpack. Vant unterstützt den Babel-Plugin-Import. Durch die Verwendung von Vant über das Babel-Plugin kann die Codegröße optimiert und die Front-End-Leistung verbessert werden. Vor- und Nachteile

Die Unit-Testing-Abdeckungsrate beträgt über 90 %, bietet Stabilitätsgarantie, vollständige chinesische und englische Dokumente und Beispiele

    Unterstützt Vue 2 und Vue 3, On-Demand-Einführung, Theme-Anpassung, Internationalisierung, TypeScript, SSR
  • Es wird empfohlen, Webpack zu verwenden. Babel verwendet Vant, wodurch Sie die umfangreichen Plug-Ins und die personalisierte Konfiguration verwenden können, die Webpack bietet. Vant unterstützt den Babel-Plugin-Import. Durch die Verwendung von Vant über das Babel-Plugin kann die Codegröße optimiert und die Front-End-Leistung verbessert werden.
  • Leichtgewicht: Als mobile Komponentenbibliothek hat Vant Leichtgewicht schon immer als sein zentrales Entwicklungskonzept angesehen. Um die widersprüchliche Beziehung zwischen immer umfangreicheren Funktionen und geringem Gewicht auszugleichen, verwendet Vant
  • intern viele Optimierungsmethoden, einschließlich der Unterstützung des Ladens von Komponenten bei Bedarf, der Wiederverwendung öffentlicher Module, der Optimierung des Komponentenkompilierungsprozesses usw.
  • Reichhaltige und praktische Geschäftskomponenten: Vant bietet nicht nur grundlegende UI-Komponenten. Um Entwicklern den schnellen Aufbau mobiler Einkaufszentren zu erleichtern, hat Vant
  • viele Geschäftskomponenten hinzugefügt, die häufig in mobilen Einkaufszentren verwendet werden. Ähnlich wie Adressverwaltung, Gutscheine, Provinz-, Stadt- und Kreisauswahl usw.
  • Nachteile:
  • vant ist besser für die Entwicklung mobiler Einkaufszentren geeignet oder der Designstil des Produkts unterscheidet sich von Vant, es ist nicht für Vant geeignet

  • uniapp

uni -app ist ein Front-End-Framework für die Entwicklung plattformübergreifender Anwendungen mit Vue.js.

Entwickler schreiben Vue.js-Code und uni-app kompiliert ihn auf mehreren Plattformen wie iOS, Android und WeChat-Applets, um sicherzustellen, dass er korrekt ausgeführt wird und ein hervorragendes Erlebnis bietet.

uni-app erbt von Vue.js und bietet eine vollständige Vue.js-Entwicklungserfahrung. Uni-App-Komponentenspezifikation und Erweiterungs-API sind im Grunde die gleichen wie beim WeChat-Applet. Entwickler mit etwas Erfahrung in der Entwicklung von Vue.js- und WeChat-Miniprogrammen können mit Uni-App schnell loslegen und Anwendungen entwickeln, die mit mehreren Terminals kompatibel sind.

uni-app bietet eine bedingte Kompilierungsoptimierung, die elegant personalisierten Code für eine bestimmte Plattform schreiben und proprietäre Funktionen aufrufen kann, ohne andere Plattformen zu beeinträchtigen.

uni-app verwendet weiterhin die 5+-Engine, wenn sie in die App gepackt wird. Alle Funktionen von 5+ können in uni-app genutzt werden. Die Laufleistung auf der App-Seite entspricht grundsätzlich der des WeChat-Applets.

Für Techniker: Es ist nicht nötig, so viele Plattformentwicklungstechnologien zu erlernen und so viele Front-End-Frameworks zu erlernen. Es reicht aus, Uni-Apps auf Basis von Vue zu erlernen.

Für Unternehmen: geringere Kosten, mehr Benutzer abdecken, Uni-App ist ein effizientes Tool.

Vor- und Nachteile:

Vorteile:

Ein Framework für die Entwicklung aller Front-End-Anwendungen. Entwickler schreiben eine Reihe von Codes, die auf iOS, Android, Web (responsiv) und verschiedenen kleinen Programmen veröffentlicht werden können (WeChat/ Alipay/Baidu/Toutiao/QQ/DingTalk/Taobao), Quick App und andere Plattformen.

uni-app ist benutzerfreundlicher für Front-End-Entwickler und hat geringere Lernkosten, da uni-app auf vue.js basiert. Und seine gekapselten Komponenten sind die gleichen wie die des WeChat-Applets, sodass die Lernkosten für aktuelles Mainstream-Front-End-Personal nahezu 0 betragen.

    uni-app wird mit HbuildX entwickelt. Man kann sagen, dass die Entwicklung mit HBuilderX extrem schnell ist. Die Entwicklungsgeschwindigkeit ist relativ hoch, ps: Ich bin ein Webstom-Partner (sehr vertraut mit Vue), aber für die Entwicklung rein statischer Seiten verwende ich persönlich HBuilderX, sowohl in Bezug auf die Umgebung als auch auf die sofortigen Effekte.
  • Nachteile:
  • Viele Leute denken, dass Miniprogramme zuerst von WeChat gestartet wurden. Tatsächlich ist DCloud der Pionier dieser Branche. Daher gibt es die Uni-App erst seit relativ kurzer Zeit und es gibt viele Aspekte, die noch nicht perfekt sind.
  • Quick App unterstützt nur Vivo, Oppo, Huawei.

  • 360-Applet wird nur auf der Windows-Plattform unterstützt und muss im 360-Browser geöffnet werden. !

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Vant und Uniapp?. 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