[Vuejs]-Is there a way to make Vue variable visible inside other .js file?

by

1👍

✅

You have two ways to do this.

1) Using a file to do global vars.

// variables.js
export const myVar = 'This is my variable'
export const settings = {
  some: 'Settings'
}

//Other file.
import { myVar, Settings } from './variables.js'

2) Using States of Vuex.(Example)

import Vue from 'vue'
import Vuex from 'vuex'
//PersistedState
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

export default new Vuex.Store({
    strict: true,
    plugins: [
        createPersistedState()
    ],
    state:{
        token: null,
        user: null,
        isUserLoggedIn: false
    },
    mutations:{
        setToken(state, token){
            state.token = token
            if(token){
                state.isUserLoggedIn = true
            }else{
                state.isUserLoggedIn = false
            }
        },
        setUser(state, user){
            state.user = user
        }
    },
    actions:{
        setToken({commit}, token){
            commit('setToken', token)
        },
        setUser({commit}, user){
            commit('setUser', user)
        }
    }
})

Leave a comment