Detaillierte Erklärung des Vue-Slots

1. Funktion : Ermöglicht der übergeordneten Komponente, eine HTML-Struktur an der angegebenen Position der untergeordneten Komponente einzufügen. Dies ist auch eine Möglichkeit der Kommunikation zwischen Komponenten und gilt für übergeordnete Komponente ===> untergeordnete Komponente (HTML-Format wird übertragen).

Übergeordnete Komponente App:

Unterkomponentenkategorie:

Sie können den Stil des Inhalts im Slot in der übergeordneten Komponente oder der untergeordneten Komponente festlegen. Der Effekt ist derselbe.

Slots mit eingeschränktem Gültigkeitsbereich:

1. Verständnis: Die Daten befinden sich in der Komponente selbst ( Category ), aber die von den Daten generierte Struktur muss vom Benutzer der Komponente (APP) bestimmt werden. (Die Spieledaten befinden sich in der Kategoriekomponente, aber die mit den Daten durchlaufene Struktur wird von der App-Komponente bestimmt.)

Die untergeordnete Komponente übergibt Daten an die übergeordnete Komponente

Sohn:

Vater:

Die Verwendung eines Objekts wie atguigu zum Empfangen ist möglich, da mehrere Werte übergeben werden können

Bereichsbezogene Slots können auch Namen haben:

Zusammenfassen

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