javascript / beginner
Snippet
Inhaltsverteilung mit Slots
Slots ermöglichen es, HTML oder andere Komponenten in das Template einer Komponente einzufügen, was sie als Container sehr wiederverwendbar macht.
snippet.js
1
2
3
4
5
6
7
8
9
<!-- MyButton.vue --><template><button class="btn"><slot>Default Label</slot></button></template><!-- App.vue --><MyButton>Click Me!</MyButton>
vue
Erklärung
1
<slot>
Dient als Platzhalter, an dem der Inhalt der Eltern-Komponente gerendert wird.
2
Default Label
Der Standardinhalt, der angezeigt wird, wenn die Eltern-Komponente keinen Inhalt liefert.