javascript / beginner
Snippet
Mehrere Wurzel-Elemente (Fragmente)
In Vue 3 benötigen Komponenten kein einzelnes Wrapper-Element mehr. Sie können mehrere Elemente auf der obersten Ebene haben, was die HTML-Struktur sauberer hält.
snippet.js
1
2
3
4
5
<template><header>Navigation</header><main>Content</main><footer>Footer</footer></template>
vue
Erklärung
1
<template>
Der Container für die HTML-Struktur der Komponente.
2
<header>...</header>
Das erste Wurzel-Element.
3
<main>...</main>
Das zweite Wurzel-Element, das als Geschwister-Element fungiert.