Eine kurze Diskussion über benutzerdefinierte VUE-Uni-App-Komponenten

<Vorlage>
	<Ansicht>
		<view>Benutzerdefinierte Spezifikationen zur Komponentenverwendung</view>
		<Kartenfarbe="rot" @fclick="fclick"></Karte>
		<card color="yellow">Gelbe Komponente</card>
	</Ansicht>
</Vorlage>

<Skript>
	Standard exportieren {
		Daten() {
			zurückkehren {
				
			}
		},
		Methoden: {
			fklick(Nachricht){
				console.log('Die übergeordnete Komponente erhält den von der untergeordneten Komponente übergebenen Wert: '+msg);
			}
		}
	}
</Skript>

<Stil>

</Stil>

<Vorlage>
	<Ansicht: Stil = "{Hintergrund: Farbe}" @click = "zclick">
		Benutzerdefinierte Komponente <slot></slot>
	</Ansicht>
</Vorlage>

<Skript>
	Standard exportieren {
		Name:"Karte",
		Requisiten:{
			Farbe:{
				Typ: Zeichenfolge,
				Standard: „weiß“
			}
		},
		Daten() {
			zurückkehren {
				
			};
		},
		Methoden:{
			zklick(){
				console.log('Auf die Unterkomponente geklickt');
				this.$emit('fclick','Das Klickereignis wird an die übergeordnete Komponente übergeben');
			}
		}
	}
</Skript>

<Stil>

</Stil>