Utilisation de store.state et this.$store
Objectifs
Les objectifs de cette vidéo sont de :
- Montrer comment accéder au state du store directement depuis un composant VueJS.
- Illustrer l'utilisation de store.state et this.$store.
- Fournir un exercice pratique pour renforcer l'apprentissage.
Résumé
Découvrez comment afficher la valeur du state dans les composants VueJS en utilisant store.state et this.$store.
Description
Cette vidéo vous présente deux techniques essentielles pour accéder à l'état du store dans les composants VueJS. La première méthode consiste à utiliser store.state pour récupérer directement la valeur du state depuis le store. En insérant un console.log, vous pouvez vérifier si cette valeur est accessible dans votre composant. Cette méthode est testée et confirmée comme fonctionnelle.
La seconde méthode met en avant l'utilisation de this.$store, ce qui permet à tous les composants enfants d'une application VueJS d'accéder au store. Vous aurez l'opportunité d'expérimenter cette technique par vous-même en affichant les valeurs avant et après la mise à jour du store. La démonstration inclut des exemples concrets avec des composants Vente et Réappro.
En conclusion, ces deux approches vous offrent des moyens robustes pour travailler avec l'état du store, simplifiant ainsi la gestion de vos données dans une application VueJS.
Questions - réponses
console.log.
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
Facebook
Twitter
Linkedin
Email
