Strukturen til en Vue-komponent
Hver komponent skal bestå av følgende to tagger:
<script>
</script>
<template>
</template>
I taggen template skal man skrive
markup, det vil si presentasjonslaget
til komponenten vår:
<template>
<div>
Hello World
</div>
</template>
Og i taggen script skal
man skrive JavaScript-koden til komponenten vår.
Denne koden skal representere et
objekt som skal eksporteres
fra komponentfilen vår:
<script>
export default {
}
</script>
I det eksporterte objektet angis forskjellige innstillinger og funksjoner for komponenten. En av innstillingene er navnet på denne komponenten:
export default {
name: 'App',
}
I taggen template til din komponent,
skriv ut en tekst med tagger.
