Structure d'un composant Vue
Chaque composant doit être constitué des deux balises suivantes :
<script>
</script>
<template>
</template>
Dans la balise template, on écrit
le balisage, c'est-à-dire la présentation
de notre composant :
<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 :
<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 :
export default {
name: 'App',
}
Dans la balise template de votre composant,
affichez du texte avec des balises.