Table des matières:

Quand utiliser VUEX ?
Quand utiliser VUEX ?

Vidéo: Quand utiliser VUEX ?

Vidéo: Quand utiliser VUEX ?
Vidéo: VueJS 2 (16/16) : VueX 2024, Novembre
Anonim

Il peut être utilisé dans des situations où tu avoir besoin à transmettre les données d'un composant parent à une ou plusieurs composants enfants qui pourraient ne pas être des descendants directs du parent.

Par conséquent, à quoi sert VUEX ?

Vuex est un modèle de gestion d'état + bibliothèque pour Vue. js applications. Il sert de magasin centralisé pour tous les composants d'une application, avec des règles garantissant que l'état ne peut être muté que de manière prévisible.

Sachez également, quelle est la différence entre VUE et VUEX ? Tandis que le Vue instance a une propriété de données, le Vuex magasin a l'état. Les deux sont réactifs. Et tandis que l'instance a des propriétés calculées, le Vuex store a Getters, qui nous permettent d'accéder à un état filtré, dérivé ou calculé. Les différence avec le Vuex store est qu'il a également Mutations.

De même, comment utiliser VUEX ?

Ainsi, après avoir compris le projet, si un état particulier est consommé par plusieurs composants, vous devez alors utiliser Vuex

  1. Étape 1: Configurez l'application VueJS.
  2. Étape 2: Créez un index.
  3. Étape 3: Créez un magasin Vuex.
  4. Étape 4: Créez deux composants: Ajouter et supprimer un compteur.
  5. Étape 5: Créer des mutations et des actions.

Qu'est-ce que l'état VUEX ?

État est simplement un objet qui contient les propriétés qui doivent être partagées au sein de l'application: Etat l'objet n'a qu'un tableau de nombres. Les mutations sont des fonctions responsables de la mutation directe du magasin Etat . Dans Vuex , les mutations ont toujours accès à Etat comme premier argument. Des actions existent pour appeler des mutations.

Conseillé: