Uso básico del almacenamiento en Vue

Se utiliza para administrar el estado, disfrutar de los datos y administrar el estado externo entre componentes

Paso 1: instalar el complemento vuex en el proyecto

Paso 2: introducir vuex y pasar el método de uso a Úselo

Paso 3: crear almacenamiento de estado

//Cree almacenamiento de estado, tenga en cuenta que el segundo almacenamiento está en mayúsculas y no se puede cambiar, y el estado no se puede cambiar

Paso 4: Inyectar la instancia de Vue a través de main.js

Paso 5: Inyectar la instancia de Vue a través de main.js

Paso 6: Inyectar Vue a través de vue.js Ejemplo

Paso 7: Inyecte la instancia de Vue a través de vue.js. js

Paso 5: Inyecte la instancia de Vue a través de main.js.

Paso 4: Inyectar la instancia de Vue en main.js

Paso 5: Obtener el estado global a través de this.$sore.state.XXX

VII. --?gt;Acción--gt;Mutación---gt;Estado--?gt;Ver

I.

Método I. La única forma de cambiar el estado en la tienda Vuex es para confirmar la mutación

Utilice la confirmación en otros componentes para activar la función de mutación

this.$store.commit('increase ', xxx) xxx representa los parámetros pasados En, si necesita pasar varios parámetros, exprese xxx como un objeto {xxx1:'', xxx2:''} y forme varios parámetros para pasar en el objeto.

Método 2:

Usa acciones para manipular el limo y modifica indirectamente el estado

Usa el despacho para activar funciones de acción

Slime y acciones La diferencia

1. Los parámetros pasados ​​son diferentes.

2. Los métodos de llamada son diferentes. El primero se basa en this.$store.commit('xxx') para activarse y el segundo se basa en this.$store.dispatch('xxx') para desencadenar.

3. Las acciones pueden contener operaciones asincrónicas, pero las mutaciones solo pueden contener operaciones sincrónicas.

En segundo lugar, los captadores son un atributo en vuex, similar al atributo calculado en vue, que se utiliza para el almacenamiento. valores modificados

Al llamar a los captadores en el contenido, se utiliza $store.commit('xxx'). getters.nombre de función

Resumen: en un proyecto de ingeniería, se recomienda crear una carpeta de estado para todo el contenido de vuex en src.js, al igual que en el enrutador, en index.js Escriba vuex; contenido y exportarlo a main.js.