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.
Definiendo las mutaciones del estado en Vuex - Tutorial de Vue.js
Del curso: Vue avanzado 2
Definiendo las mutaciones del estado en Vuex
En este video te voy a explicar cómo implementar mutaciones en Vuex cuando la aplicación ha sido implementada en TypeScript. Aquí abajo puedes ver un ejemplo de cómo hacer esto mismo en JavaScript. En este ejemplo yo tengo un usuario dentro del estado y hay una mutación que se llama 'actualizarUsuario' el cual actualiza el objeto 'usuario' dependiendo del valor que se reciba a través de esta función. El problema aquí es que en 'payload' yo puedo recibir cualquier tipo de objeto o de valor, puede ser un número, un 'date', y realmente no hay una manera segura de cómo detectar esto, a menos de que pongamos alguna seguridad en el código para poder validar el tipo de dato que recibimos. En TypeScript nosotros debemos definir un tipo por cada cosa y esto nos previene errores, pero también significa que debemos escribir más código, como puedes ver aquí en pantalla. En este ejemplo yo quiero crear las mutaciones para actualizar el usuario dentro del estado. El usuario tiene dos propiedades…
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)
-
-
-
-