Strukturen av en Vue-komponent
Varje komponent måste bestå av följande två taggar:
<script>
</script>
<template>
</template>
I taggen template ska du skriva
HTML-strukturen, det vill säga vyn
för vår komponent:
<template>
<div>
Hello World
</div>
</template>
Och i taggen script ska du
skriva JavaScript-koden för vår komponent.
Denna kod bör vara ett objekt som
exporteras från vår komponentfil:
<script>
export default {
}
</script>
I det exporterade objektet anges olika inställningar och funktioner för komponenten. En av inställningarna är namnet på denna komponent:
export default {
name: 'App',
}
I taggen template för din komponent,
skriv ut någon text med taggar.
