Vue · Junior · Frage 31 von 75
Wie übergibt man Markup vom Elternteil an eine Kindkomponente?
<!-- Card.vue -->
<div class="card"><slot /></div>
<!-- usage -->
<Card><p>Any content</p></Card>- 1Mit Slots: das Kind rendert
<slot /> - 2Indem man das HTML als String in einem Prop übergibt
- 3Mit einem Prop
children, genau wie in React
Antwort zeigen
Richtige Antwort: Mit Slots: das Kind rendert <slot />
Erklärung
Inhalt zwischen den <slot>-Tags ist der Fallback, wenn das Elternteil nichts übergibt. Benannte Slots (<slot name="header" />) erlauben mehrere Einfügestellen.