Del curso: Vue avanzado 2
Accede al curso completo hoy mismo
Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.
Utilizando Vuex con TypeScript - Tutorial de Vue.js
Del curso: Vue avanzado 2
Utilizando Vuex con TypeScript
En este video te quiero explica las diferencias entre implementar Vuex con JavaScript y con TypeScript. El pequeño ejemplo que ves en pantalla es como se complementaría Vuex con JavaScript. Aquí podrás notar que hay una función que se llama 'createStore' la cual se encarga de crear 'store' de la aplicación. Esta función recibe un objeto de JavaScript. Este objeto de JavaScript contiene todos los elementos del 'store'. Contener una propiedad donde se almacenan las acciones, otra donde se almacenan las mutaciones y otra donde se almacena el estado. En este ejemplo tenemos dentro del estado una propiedad que se llama 'usuario'. Puedes ver que 'usuario' tiene un valor de null. Luego dentro de las mutaciones tenemos una función que se encarga de actualizar el usuario. Las mutaciones reciben dos propiedades. Reciben el estado, que corresponde al estado del 'store', y el 'payload', que es el valor que se recibe para actualizar el estado. Aquí puedes notar que yo simplemente estoy asignando…
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)
-
-
-
-