Gestion des événements dans Vue.js 3

Gestion évènementielle
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 de comprendre la gestion des événements dans Vue.js 3, d'apprendre à utiliser les directives événementielles et de manipuler les données du modèle à travers des interactions utilisateurs.

Apprenez à gérer des événements dans Vue.js 3 à travers des exemples pratiques, incluant l'incrémentation d'un compteur et la gestion de formulaires.

Cette leçon vous introduit à la gestion des événements dans Vue 3. Vous découvrirez comment utiliser les directives v-on pour réagir aux clics, mouvements de la souris et frappes au clavier. Des exemples pratiques vous apprendront à incrémenter un compteur au clic sur un bouton et à afficher une boîte d'alerte avec un nom saisi dans un formulaire. Une méthode pour passer des arguments aux fonctions événementielles sera également démontrée.

Voir plus
Questions réponses
Qu'est-ce que la directive <code>v-on</code> dans Vue.js 3?
La directive v-on, également utilisable avec le raccourci @, permet d'écouter et de réagir à des événements JavaScript tels que des clics de souris ou des frappes au clavier.
Comment incrémenter un compteur au clic sur un bouton?
Pour incrémenter un compteur au clic, utilisez la directive @click (ou v-on:click) sur un bouton et associez-la à une instruction JavaScript ou à une fonction définie dans le modèle de Vue.js.
Comment transmettre des arguments à une fonction événementielle dans Vue.js?
Vous pouvez transmettre des arguments à une fonction événementielle en les passant directement dans l'appel de la fonction dans la directive, par exemple @click="fonction('argument')".

Programme détaillé