Struttura del componente Vue

Ogni componente deve essere composto da due tag obbligatori:

App.vue<script>
  
</script>
<template>
  
</template>

Nel tag template si scrive il markup, cioè la presentazione del nostro componente:

App.vue<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:

App.vue<script>
  export default {
    
  }
</script>

Nell'oggetto esportato vengono specificate varie impostazioni e funzioni del componente. Una delle impostazioni è il nome di questo componente:

App.vueexport default {
  name: 'App',
}