Utiliser vuex sous vue-cli (tutoriel détaillé)

Cet article présente principalement la démo simple de vuex sous vue-cli (implémentant l'opération d'ajout de 1 et de soustraction de 1). Cet article vous le présente en détail avec des images et des textes, et a une valeur de référence. il peut y faire référence

1. Après que vue-cli ait construit le projet, utilisez npm pour installer vuex

 npm install vuex --save

2. Construire le répertoire vuex dans le répertoire du projet (ici je crée un nouveau dossier store, et y crée un nouveau fichier store.js)

3. Dans l'entrée fichier main.js dans le projet vue, instanciez Ajouter un objet store à l'objet Vue

4. Configurez et écrivez le fichier store.js

<.>

5. Utilisation dans les composants Données stockées dans vuex

6. >

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Quelles sont les méthodes par lesquelles Vue peut utiliser CSS pour remplacer scoped par des modules ?

Comment utiliser Vuex pour implémenter la fonction compteur

Explication approfondie des principes de base du webpack module

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!