Par Valentin Brosseau / @c4software

Un composant est une instance de code (d'interface et de logique liées à celle-ci) réutilisable et héritable.
À votre avis ?
Petit exemple de template
<div>
<h1>{{title}}</h1>
<p>{{contenu}}</p>
</div>Exemples avec des projets open source.

<mon-header></mon-header><template>
<div @click="home">
Mon header
</div>
</template>
<script setup lang="js">
import {useRouter} from "vue-router";
const router = useRouter();
function home(){
router.go("/");
}
</script>
<style scopped>
div{
background: red;
width: 100vw;
height: 80px;
}
</style>
<ma-page>
<mon-header></mon-header>
<mon-menu></mon-menu>
<mon-contenu>
<h1>Titre de mon contenu</h1>
<mon-bouton></mon-bouton>
</mon-contenu>
<mon-footer></mon-footer>
</ma-page>
Plus compliqué ? Pas vraiment !

Qu'observez-vous ? Est-ce différent ?
Exemple: Un chat