Eine kurze Erläuterung der Syntax der VUE-Uni-App-Vorlage

<Vorlage>
	<view v-bind:class="msg" v-bind:data="1+2">
		{{msg}} Welt!-{{num}}
		<button v-on:click="show">Klick mich</button>
		<Eingabe v-Modell="msg" />
		<Ansicht v-if="flag">Ansicht</Ansicht>
		<view v-else>H5</view>
		<view>{{flag ? 'Anzeigen':'Ausblenden'}}</view>
		<block>
			<text>leeres Tag blockieren</text>
		</block>

		<view v-for="(Artikel, Index) in arr">{{index+1}}:{{Artikel}}</view>
		<Ansicht @click="c1">
			Übergeordnet <view @click.stop="c2">Untergeordnet</view>
		</Ansicht>
	</Ansicht>
	
</Vorlage>
<Skript>
Standard exportieren{
	//Daten initialisieren,
	//data:{}, die Verwendung von Objektformulardaten ändert sich nicht, nicht empfohlen data(){
		zurückkehren {
			msg:'hallo',//Variable arr:['vue','H5','CSS'],//Array-Flag:true,//Boolescher Wert num: 1
		}
	},
	beim Laden(){
		setzeTimeout(()=>{
			diese.num++;
		},2000)
	},
	Methoden:{
		zeigen(){
			console.log('geklickt');
			diese.flagge=!diese.flagge;
		},
		c1(){
			console.log('Ich bin der Elternteil');
		},
		c2(){
			console.log('Ich bin ein Kind');
		}
	}
}
</Skript>