CATALOGUE Code & Data Formation JavaScript Apprendre Vue JS 3 Création d'une application avec Vue JS 3

Création d'une application avec Vue JS 3

Super challenge - Partie 1
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

Mise en pratique d'une application Vue JS

Objectifs

Les objectifs de cette vidéo sont de :

  • Apprendre à manipuler des données JSON dans une application Vue JS 3.
  • Mettre en œuvre des filtres dynamiques et options d'affichage.
  • Créer une interface utilisateur réactive et personnalisable.

Résumé

Apprenez à créer une application Vue JS 3 avec des filtres dynamiques et des données JSON.

Description

Vous avez brillamment terminé cette première partie et je tiens à vous féliciter. Quel chemin parcouru depuis le début de la formation ! Maintenant, vous savez créer des applications Vue JS 3, vous savez définir des propriétés dans le modèle et y accéder avec un binding ou une interpolation, vous savez effectuer un binding bidirectionnel entre un élément de formulaire et le modèle de l'application, vous savez définir des méthodes et des propriétés calculées, vous savez utiliser la directive VHTML pour injecter une propriété du modèle dans le innerHTML d'un élément, vous savez gérer les événements sans ou avec des paramètres, y compris le paramètre $event, vous savez utiliser les modificateurs STOP et PREVENT pour gérer la propagation et l'interprétation des événements, vous savez créer des boucles dans la vue avec la directive VFOR, vous savez utiliser des arguments dynamiques dans la vue, vous savez créer des classes et des styles conditionnels. Il est temps d'appliquer ce que vous avez appris dans un projet de grande envergure. Vous allez utiliser les données qui se trouvent dans le fichier JSON fourni en ressources, appelé personnes.json. Vous exploiter ces données pour créer une application qui affiche des informations filtrées et stylisées selon les options de l'utilisateur.

Voir plus

Questions fréquentes

Comment effectuer un binding bidirectionnel avec Vue JS 3 ?
En utilisant la directive v-model, vous pouvez lier une donnée de votre modèle à un élément de formulaire de manière bidirectionnelle.
Quelle est la directive pour créer des boucles dans Vue JS ?
La directive v-for permet de créer des boucles dans vos templates Vue JS.
Quels modificateurs d'événements sont utilisés pour empêcher la propagation et l'interprétation des événements ?
Les modificateurs .stop et .prevent sont utilisés pour gérer respectivement la propagation et l'interprétation des événements.

Programme détaillé