Struttura del componente Vue
Ogni componente deve essere composto da due tag obbligatori:
<script>
</script>
<template>
</template>
Nel tag template si scrive
il markup, cioè la presentazione
del nostro componente:
<template>
<div>
Hello World
</div>
</template>
E nel tag script si
scrive il codice JavaScript del nostro componente.
Questo codice deve rappresentare un
oggetto che verrà esportato
dal nostro file del componente:
<script>
export default {
}
</script>
Nell'oggetto esportato vengono specificate varie impostazioni e funzioni del componente. Una delle impostazioni è il nome di questo componente:
export default {
name: 'App',
}
Nel tag template del tuo componente
visualizza del testo con dei tag.