javascript / beginner
Snippet
Inhaltsverteilung mit Slots
Slots ermöglichen es einer Komponente, Inhalt zu akzeptieren und zu rendern, der von ihrer Elternkomponente übergeben wurde. Dieses Muster ist essenziell für flexible Layout-Komponenten.
snippet.js
1
2
3
4
<!-- Card.svelte --><div class="card"><slot>Default content if empty</slot></div>
svelte
Erklärung
1
<slot>
Ein Platzhalter, an dem externer Inhalt der Elternkomponente eingefügt wird.
2
Default content if empty
Der Fallback-Inhalt, der angezeigt wird, wenn die Elternkomponente keine Kinder an die Komponente übergibt.