Structuur van een Vue-component
Elke component moet bestaan uit twee volgende tags:
<script>
</script>
<template>
</template>
In de tag template moet je
de opmaak schrijven, dat wil zeggen de weergave
van onze component:
<template>
<div>
Hello World
</div>
</template>
En in de tag script moeten we
de JavaScript-code van onze component schrijven.
Deze code moet een object zijn
dat wordt geëxporteerd uit ons componentbestand:
<script>
export default {
}
</script>
In het geëxporteerde object worden verschillende instellingen en functies van de component opgegeven. Een van de instellingen is de naam van deze component:
export default {
name: 'App',
}
In de tag template van uw component
geef je een tekst met tags weer.