Mettre à Jour les Propriétés de Manière Réactive
Objectifs
Apprendre à utiliser la fonction computed dans Vue.js
Comprendre les avantages des mises à jour réactives des propriétés
Simplifier la gestion des propriétés dans Vue.js
Résumé
Découvrez comment utiliser la fonction computed pour mettre à jour les propriétés de manière réactive dans Vue.js.
Description
Dans cette leçon, nous explorerons comment utiliser la fonction computed afin de mettre à jour dynamiquement une propriété chaque fois que l'entrée change dans une application Vue.js. Cette méthode élimine le besoin d'une fonction événementielle pour surveiller les changements de propriété, simplifiant ainsi le code et améliorant sa maintenabilité.
Tout d'abord, nous dupliquerons le fichier majuscule.vue pour préserver la version précédente, puis renommerons la copie en majusculeReactive.vue. Ensuite, nous introduirons une référence à computed dans la section import et modifierons l'affectation de la propriété sortie dans l'état initial. Plutôt que d'attribuer une chaîne de caractères vide, nous utiliserons la fonction computed pour retourner la version en majuscule de la propriété entrée.
À la fin de cette leçon, vous serez en mesure d'utiliser efficacement la fonction computed pour créer des applications Vue.js plus réactives et faciles à maintenir.