有没有办法让Vue变量在其他.js文件中可见

Question

我有一个File.Vue，我想在安装组件时导入的文件secao.js中显示一些值。我试过这个：

mounted() {
let self = this.Saida;
require('../../secao.js')
require('../../dominio.js')
require('../../diagrama.js')
}

但是如果给出错误"，当我尝试访问secao.js 内部的self.attribute时，无法读取未定义的"的属性

Answer 1

有两种方法可以做到这一点。

1( 使用文件执行全局变量。

// variables.js
export const myVar = 'This is my variable'
export const settings = {
some: 'Settings'
}
//Other file.
import { myVar, Settings } from './variables.js'

2( 使用Vuex状态。(示例(

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)
}
}
})