Utilisation de la fonction 'réactive' dans l'API de composition
Objectifs
À la fin de cette vidéo, vous serez capable de :
- Comprendre l'utilisation de la fonction 'réactive' pour group les variables réactives.
- Modifier votre code pour améliorer la gestion des états réactifs.
- Utiliser des objets JSON pour centraliser les propriétés réactives.
Résumé
Découvrez comment utiliser la fonction 'réactive' pour créer des variables réactives dans Vue.js.
Description
Dans cette leçon, vous allez apprendre comment adopter une nouvelle approche pour gérer des variables réactives au sein de Vue.js en utilisant la fonction 'réactive'. Cette méthode, introduite par l'API de composition, vous permet de placer toutes les propriétés que vous souhaitez rendre réactives dans un seul objet JSON, contrairement à l'approche REF où chaque variable réactive nécessite un appel distinct.
Nous commencerons par dupliquer le fichier majuscule.vue et nous le nommerons majuscule-ref.vue. Cela nous permettra de conserver l'approche précédente tout en modifiant l'original pour illustrer la nouvelle méthode.
En explorant les changements nécessaires, vous verrez comment remplacer les variables 'entrée' et 'sortie' par une seule variable 'state', définie comme étant réactive, et comment adapter le reste de votre code pour travailler avec cet objet réactif. Cette technique simplifie grandement la gestion des variables réactives et rend votre code plus lisible et maintenable.