Tout comme dans main.js, j'essaie d'accéder à mon magasin à partir d'un fichier de fonction d'assistance:
import store from '../store'
let auth = store.getters.config.urls.auth
Mais cela enregistre une erreur:
Uncaught TypeError: Impossible de lire la propriété 'getters' de indéfinie.
J'ai essayé
this.$store.getters.config.urls.auth
Même résultat.
le magasin:
//Vuex
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
config: 'config',
},
getters: {
config: state => state.config
},
});
export default store
Comment rendre mon magasin disponible en dehors des composants?
Ce qui suit a fonctionné pour moi:
import store from '../store'
store.getters.config
// => 'config'
mettre des crochets sur votre importation et cela devrait fonctionner
import { store } from '../store'