No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

State

6/19
Recursos

Aportes 3

Preguntas 0

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Formas de acceder a variables del store:

Desde el template

<p><!-- como contenido -->
	{{ $store.state.variable }}
</p>

<!-- como atributo de una etiqueta -->
<tag :attr="$store.state.variable" />

Desde variables computadas con la sintaxis OptionsApi

import { mapState } from "vuex";

export default {
	computed: {
		// opción 1
		variable() {
			return this.$store.state.variable;
		},

		// opción 2
		...mapState({
			variable: (state) => state.variable
		}),

		// opción 3 (alias)
		...mapState(["variable"]),
	},
};

Otra forma de darle un alias a las propiedades de mapState es usando un string.

Esto:

computed: mapState({
	username: (state) => state.username
 })

Es lo mismo que esto:

computed: mapState({
	username: 'username'
 })

Pasando la cadena de texto ’username’ es lo mismo que decir state => state.username

En composition API no es necesario utilizar el mapState, pues ya en Vue3 y Vue4, la composition API provee para Vuex poder utilizar directamente una propiedad computada reactiva que reemplaza a $store.state: