Was ist der Unterschied zwischen Vue und Uni-App?

Der Unterschied zwischen Vue und Uni-App: 1. Uni-App kann durch Paketierung eine Reihe von Codes auf mehreren Terminals ausführen, Vue jedoch nicht. 2. Uni-App verfügt über ein automatisches Frame-Vorladen, wodurch Seiten schneller geladen werden, Vue jedoch nicht 3. Uniapp verwendet die Tags des Miniprogramms und Vue verwendet die Tags der Webseite. 4. Uni unterstützt keinen Vue-Router und verwendet sein eigenes Routing.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1 und Vue2.9.6-Version, Dell G3-Computer.

Der Unterschied zwischen Uniapp und Vue

Uni-App kann in (Toutiao, Alipay, WeChat, QQ, Baidu) Applet, Android-Version, iOS-Version, H5-Version kompiliert werden. Durch die Paketierung kann eine Reihe von Codes auf mehreren Terminals ausgeführt werden. Vue ist für Single-Page-Anwendungen im Web konzipiert, bei Apps bleiben Single-Page-Anwendungen jedoch hängen.

uni-app verfügt außerdem über ein automatisches Vorladen von Frames, wodurch Seiten schneller geladen werden.

Änderungen in Komponenten/Beschriftungen

Früher waren es HTML-Tags, jetzt sind es Mini-Programm-Tags.

• p wurde in Ansicht geändert
• span, Schriftart wurde in Text geändert
• a wurde in Navigator geändert
• img wurde in Bild geändert
• Eingabe ist immer noch vorhanden, aber das Typattribut wurde in „Bestätigungstyp“ geändert
• Formular, Schaltfläche, Kontrollkästchen , Radio, Label, Textbereich, Leinwand, Video
  Diese sind noch da.
• select wurde in Picker geändert.
• iframe wurde in Web-Ansicht geändert sind auch Es kann in Uni-App verwendet werden. Der Uni-App-Compiler konvertiert während der Kompilierung alte Tags in neue Tags, kompiliert beispielsweise p in die Ansicht. Diese Verwendung wird jedoch nicht empfohlen, da sie beim Debuggen der H5-Seite leicht zu Verwirrung führen kann. Zusätzlich zu den Änderungen wurden eine Reihe neuer Komponenten hinzugefügt, die üblicherweise auf Mobiltelefonen verwendet werden Symbol
• Rich-Text-Rich-Text (kein ausführbares JS, kann aber verschiedene Textformate und Bilder rendern)
  

Fortschrittsbalken

Schieberegler-Schiebeanzeige

• Schalter-Schalterauswahl

Kamerakamera

• Live-Player-Liveübertragung

• Kartenkarte

• Cover-View Ein Ansichtscontainer, der native Komponenten abdecken kann

• Cover-View muss noch ein paar Worte betont werden, Uni-App ist nicht h5 Das Video, die Karte, die Leinwand und der Textbereich am Ende sind native Komponenten und ihr Niveau ist höher als bei anderen Komponenten. Wenn Sie native Komponenten abdecken müssen, z. B. das Hinzufügen einer Maske zur Karte, müssen Sie die Cover-View-Komponente verwenden. Zusätzlich zu den integrierten Komponenten gibt es auch viele Open-Source-Erweiterungskomponenten, die allgemeine Vorgänge kapseln hat einen Plug-in-Markt eingerichtet, um diese Erweiterungskomponenten einzubeziehen. Weitere Informationen finden Sie im Plug-in-Markt JS-API des Browsers. Zum Beispiel wird

• alert,confirm in uni.showmodel geändert,

ajax axios wird in uni.request
• cookie und session geändert, local.storage wird in uni.storage

vue geändert -router ist weg, geändert in uni.navigateTo

Die js-API von uni-app ist immer noch da. Es gibt viele, aber im Grunde ist es die API des Miniprogramms. Ändern Sie einfach wx.request in uni.request.
• uni-app unterstützt die bedingte Kompilierung auf verschiedenen Terminals und kann die einzigartige API jedes Terminals ohne Einschränkungen verwenden.

• uniapp verfügt über Routing- und Anforderungsmethoden.

uni.navigateTo-Routing und Seitensprung-Anforderungsnetzwerk Anfrage

Verwandte Empfehlungen: „

vue.js Tutorial“, „uniapp Tutorial

“

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Vue und Uni-App?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!