Exemple Pratique avec Vue.js
Objectifs
Les objectifs de cette vidéo sont de:
- Comprendre les fonctions StopPropagation et PreventDefault.
- Apprendre à les implémenter dans une application Vue.js.
- Voir des exemples concrets de leur utilisation.
Résumé
Apprenez à utiliser les fonctions StopPropagation et PreventDefault pour gérer les événements dans une application Vue.js.
Description
Les fonctions StopPropagation et PreventDefault sont souvent utilisées pour modifier le comportement par défaut du navigateur suite à un événement. Cette leçon détaille ces deux fonctions en utilisant une application Vue.js comme exemple pratique.
Vous apprendrez à capturer et gérer l'événement KeyDown dans une balise div et une balise input imbriquée. En utilisant ces fonctions, nous montrerons comment empêcher la propagation d'un événement à son parent ainsi que l'annulation de l'action par défaut du navigateur.
Nous verrons aussi un exercice pratique où nous utiliserons la fonction PreventDefault pour empêcher la navigation vers un hyperlien spécifique, illustrant ainsi son utilité dans le contrôle des interactions utilisateur.
Questions fréquentes
Programme détaillé
Module 1 - Premiers pas en Vue3
Module 2 - Les composants Vue JS
Module 3 - Les applications SPA (Single Page Applications)
Module 4 - L'interface en ligne de commande Vue-Cli
Module 5 - Le gestionnaire d'état Vuex
Module 6 - Le gestionnaire d'état Pinia
Module 7 - Persistance des données avec Firebase
Module 8 - Plus loin avec Vue.js 3
