Espero que alguien pueda señalarme en la dirección correcta aquí. En mi aplicación Vue.js, he definido una variable global $test en mi main.ts
import Vue from 'vue' import App from './App.vue' import { store } from '../src/store/store'; Vue.config.productionTip = false Vue.prototype.$store = store; Vue.prototype.$test = 'Testing'; new Vue({ store, render: h => h(App) }).$mount('#app'); ¿Cómo accedo a esta variable desde un módulo de tienda Vuex? Probé this.$test y otras combinaciones sin suerte.
Esto es del módulo de tienda vuex (abreviado para este ejemplo). Este módulo se importa a my store.ts como un módulo separado.
export default { state: { ..... }, mutations: { ...... }, actions: { testMyVar(context: any) { console.log(this.$test); //What am I doing wrong here??? } }, getters: { .... } }Editar : básicamente, lo que quiero hacer es simular una biblioteca e iniciarla desde mi index.html en mi estación de desarrollo local. Luego haga que la clase iniciada esté disponible en los módulos de mi tienda.
En producción, la clase ya está iniciada y la variable solo necesita ser accesible desde los módulos de mi tienda vuex.
Gracias
import Vue from 'vue' export default { state: { ..... }, mutations: { ...... }, actions: { testMyVar(context: any) { console.log(Vue.prototype.$test); //just import vue in store } }, getters: { .... }}