Structure d'un composant Vue

Chaque composant doit être constitué des deux balises suivantes :

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

Dans la balise template, on écrit le balisage, c'est-à-dire la présentation de notre composant :

App.vue<template>
  <div>
    Hello World
  </div>
</template>

Et dans la balise script, on écrit le code JavaScript de notre composant. Ce code doit représenter un objet qui sera exporté de notre fichier de composant :

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

Dans l'objet exporté, on spécifie divers paramètres et fonctions du composant. L'un de ces paramètres est le nom de ce composant :

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