Eine kurze Einführung in die Kernkenntnisse der VUE uni-app

Spezifikation

a. Die Auslagerungsdatei folgt der Spezifikation der Vue-Einzeldateikomponente

<!-- Vorlagenblock -->
<Vorlage>
	<Ansichtsklasse="main">
		{{msg}}
	</Ansicht>
</Vorlage>
<!-- Skriptblock -->
<Skript>
	Standard exportieren {
		Daten(){
			zurückkehren {
				Nachricht: 'Hallo'
			}
		}
	}
</Skript>
<!-- Stilblock -->
<Stil>
	.hauptsächlich{
		Hintergrundfarbe:#ccc;
	}
</Stil>

b. Komponentenbezeichnungen liegen nahe an den Miniprogrammspezifikationen

<Vorlage>
	<view>hallo</view>
	<text> wang </view>
</Vorlage>

c. Die Schnittstellenfunktionen (JS API) entsprechen den Spezifikationen des WeChat Mini-Programms

//Standortinformationen abrufenuni.getLocation({
	Typ: 'wgs84',
	Erfolg:Funktion(res){
		console.log('Längengrad des aktuellen Standorts: '+res.longitude);
		console.log('Breitengrad des aktuellen Standorts: '+res.latitude);
	}
});

e. Datenbindung und Ereignisbehandlung verwenden Vue.js-Spezifikationen

<Vorlage>
	<view @click="changeMsg">
		{{msg}}
	</Ansicht>
</Vorlage>
<Skript>
	Standard exportieren{
		Daten(){
			zurückkehren {
				Nachricht: 'Hallo'
			}
		},
		Methoden:{
			Nachricht ändern(){
				diese.msg:'Welt'
			}
		}
	}
</Skript>

Besonderheit

a. Bedingte Kompilierung

#ifdef APP-PLUS
	Code, der nur auf der APP-Plattform erscheint#endif
#ifndef H5
	 Mit Ausnahme der H5-Plattform ist der Code, der auf anderen Plattformen vorhanden ist,
#ifdef H5 || MP-WEIXION
Code, der auf der H5-Plattform oder der WeChat Mini Program-Plattform vorhanden ist#endif

b. Nvue-Entwicklung auf der App-Seite

Die Uni-App-App verfügt über eine integrierte native Rendering-Engine auf Basis von Weex, die native Rendering-Funktionen bereitstellt.

Wenn Sie auf der App-Seite die Vue-Seite verwenden, verwenden Sie das Webview-Rendering. Wenn Sie die NVUE-Seite verwenden, verwenden Sie das native Rendering.

c. HTML5+

Die Uni-App-App verfügt über eine integrierte HTML5+-Engine, die es js ermöglicht, direkt auf umfangreiche native Funktionen zuzugreifen. Einige komplexere Funktionen können durch den direkten Aufruf der nativen Plug-Ins der App implementiert werden. Kann nur auf der App-Seite verwendet werden, nicht auf H5- und Miniprogrammen

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalten auf 123WORDPRESS.COM mehr Aufmerksamkeit schenken können!