javascript / beginner
Snippet
Inhaltsverteilung mit Slots
Slots ermöglichen es einer Komponente, beliebigen Inhalt (HTML oder andere Komponenten) von ihrer Elternkomponente zu akzeptieren. Das <slot>-Tag fungiert als Platzhalter, an dem dieser Inhalt gerendert wird.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
<!-- ChildComponent.vue --><template><button class="fancy-button"><slot></slot> <!-- Placeholder for parent content --></button></template><!-- ParentComponent.vue --><ChildComponent>Submit Form</ChildComponent>
vue
Erklärung
1
<slot></slot>
Der Einfügepunkt, an dem der zwischen den Komponententags übergebene Inhalt erscheint.