Definiendo getters en Vuex - Tutorial de Vue.js

Te voy a explicar cómo implementar 'getters' en Vuex en una aplicación Vue implementada con TypeScript. En este ejemplo dentro del estado yo tengo un objeto que es de tipo usuario, como puedes ver aquí. 'Usuario' tiene dos propiedades, tiene nombre y apellidos. La vista podría acceder al estado directamente y leer estas propiedades, pero para facilitar las cosas yo he creado un 'getter'. Los 'getter' son como funciones computadas que devuelven valores basados en los valores que se encuentran dentro del estado. Para declarar 'getters' primero necesitas un tipo, un tipo 'getter', le puedes poner otro nombre si así lo deseas, pero es importante que dentro de este tipo tú declares todas las funciones de cada uno de los 'getter' que quieres implementar. En este caso yo he llamado este 'getter' nombre completo de usuario, el cual recibe como parámetro el estado y debe retornar una 'string'. Ya con el tipo declarado, debes hacer la implementación de los 'getter'. Esta implementación puedes…