CATALOGUE Code & Data Formation JavaScript Apprendre Vue JS 3 Remplacer les filtres par des propriétés calculées dans Vue JS 3

Remplacer les filtres par des propriétés calculées dans Vue JS 3

Filtres
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Vue JS 3
Revoir le teaser Je m'abonne
Transcription

Cette leçon fait partie de la formation
69,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

Cette leçon fait partie de la formation
69,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont :
1. Comprendre les changements introduits dans Vue.js 3 concernant les filtres.
2. Savoir créer et utiliser des propriétés calculées.
3. Apprendre à éviter les erreurs courantes lors de la migration de filtres.

Apprenez à remplacer les filtres dépréciés de Vue.js 2 par des propriétés calculées en Vue.js 3.

Dans cette leçon, nous allons explorer la manière de convertir des filtres en propriétés calculées dans Vue.js 3. Depuis cette version, les filtres utilisés dans les interpolations et les directives v-bind ont été dépréciés, nécessitant une nouvelle approche pour appliquer des traitements similaires.

Nous commencerons par illustrer comment créer une propriété calculée qui transforme une chaîne de texte pour mettre en majuscule la première lettre de chaque mot. Ensuite, nous examinerons des cas plus complexes, comme l'inversion du contenu d'une chaîne.

En outre, nous expliquerons pourquoi il est déconseillé d'inclure des calculs complexes directement dans les templates et l'importance d'utiliser des fonctions calculées pour maintenir un code propre et facile à maintenir.

Voir plus
Questions réponses
Pourquoi les filtres ont-ils été dépréciés dans Vue.js 3 ?
Les filtres ont été dépréciés dans Vue.js 3 pour encourager l'utilisation de propriétés calculées et de méthodes, favorisant ainsi un code plus clair et plus maintenable.
Qu'est-ce qu'une propriété calculée en Vue.js 3 ?
Une propriété calculée est une fonction définie dans l'objet 'computed' de l'instance Vue, qui permet de calculer et de retourner une valeur basée sur les données réactives de l'instance.
Quels sont les avantages des propriétés calculées par rapport aux filtres ?
Les propriétés calculées offrent une meilleure lisibilité du code, permettent de réutiliser la logique à travers le composant, et facilitent la maintenance et le test du code.

Programme détaillé