Vue-Komponentenstruktur
Jede Komponente muss aus den folgenden zwei Tags bestehen:
<script>
</script>
<template>
</template>
Im Tag template sollte
das Markup, also die Darstellung
unserer Komponente, geschrieben werden:
<template>
<div>
Hello World
</div>
</template>
Und im Tag script sollte
der JavaScript-Code unserer Komponente
geschrieben werden.
Dieser Code sollte ein Objekt darstellen,
das aus unserer Komponentendatei exportiert wird:
<script>
export default {
}
</script>
Im exportierten Objekt werden verschiedene Einstellungen und Funktionen der Komponente angegeben. Eine dieser Einstellungen ist der Name dieser Komponente:
export default {
name: 'App',
}
Geben Sie im Tag template Ihrer Komponente
irgendeinen Text mit Tags aus.
