CATALOGUE Code & Data Formation JavaScript Apprendre Vue JS 3

Ajouter des données dans des composants

Retour à la formation
Chapitre 2 Leçon 3
Précédent
Suivant

Dans cette vidéo, apprenez à ajouter des données dans des composants locaux et globaux.

Détails de la leçon

Description de la leçon

Cette leçon aborde la manière d'ajouter des données dans un composant local ou global. Nous verrons d'abord un exemple concret avec un composant local qui génère un nombre aléatoire compris entre 1 et 100. Ensuite, nous montrerons comment créer un composant global de compteur de clics. La leçon met l'accent sur l'utilisation de la propriété Data dans le modèle de composant et des fonctions de gestion des événements. En outre, nous proposerons deux défis pour renforcer votre compréhension: définir un composant compteur global et local. Ce tutoriel vous permettra de mieux appréhender la gestion des états et des événements dans les composants.

Objectifs de cette leçon

Apprendre à ajouter des données dans des composants locaux et globaux, créer un compteur de clics, et utiliser des fonctions de gestion des événements.

Prérequis pour cette leçon

Connaissances de base en JavaScript et développement front-end.

Métiers concernés

Développeurs front-end, ingénieurs en logiciel, développeurs full stack.

Alternatives et ressources

Vous pouvez utiliser d'autres frameworks ou bibliothèques comme React ou Svelte pour gérer les composants.

Questions & Réponses

Pour ajouter des données à un composant local, insérez la propriété Data dans le modèle du composant, qui est une fonction retournant un objet JSON contenant les données.
La méthode Math.floor(Math.random() * 100) + 1 est utilisée pour générer un nombre aléatoire compris entre 1 et 100.
Pour incrémenter un compteur dans un composant global, utilisez un gestionnaire événementiel attaché à un bouton qui incrémente une propriété nbClick par nbClick++.