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

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…

Contenido