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.
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
-
(Bloqueado)
Introducción a Vuex5 min 35 s
-
(Bloqueado)
Utilizando Vuex con TypeScript4 min 53 s
-
(Bloqueado)
Definiendo los valores del estado en Vuex5 min 14 s
-
(Bloqueado)
Definiendo las mutaciones del estado en Vuex7 min 5 s
-
(Bloqueado)
Definiendo acciones en Vuex7 min 3 s
-
(Bloqueado)
Definiendo getters en Vuex2 min 1 s
-
Definiendo el store en Vuex1 min 18 s
-
(Bloqueado)
Inyectando el estado dentro de los componentes3 min 32 s
-
(Bloqueado)
-
-
-
-