Del curso: Vue avanzado 2

Definiendo el store en Vuex - Tutorial de Vue.js

Del curso: Vue avanzado 2

Definiendo el store en Vuex

Luego de que hemos definido el estado, las mutaciones, las acciones y los 'getter', ahora es momento de poner todo junto y crear el 'store' de la aplicación. Para crear el 'store' hay que utilizar la función 'createStore' que puedes ver aquí. Esta función recibe como parámetro todos los objetos que hemos creado anteriormente, el estado, las mutaciones, las acciones y los 'getter' que hemos importado de cada uno de los archivos TypeScript que hemos creado anteriormente. Este código que ves aquí es una redefinición del tipo 'store', lo que hace es que reescribe las propiedades 'getters' 'commit' y 'dispatch' para que estas utilicen los tipos que hemos creado anteriormente y así limitar los tipos del 'store'. Ya con ambas partes listas, podemos crear una función que nos retorne el 'store' a los componentes. En este caso yo la he llamado 'usarStore'. Puedes notar que lo que hace es que toma la constante 'store' y la retorna como el tipo que hemos definido anteriormente.

Contenido