如何在商店突变中获取全局变量

Question

我在使用 vue-i18n 依赖项时遇到错误。

我应该如何获得 const i18n 从 main.js 到 root.js（存储）

我正在使用

Vuejs 2.X
Vue-i18n 最新
用于 Vuejs 的 Vuex 2.X

在main.js (vue-cli)

Vue.use(VueI18n)

const i18n = new VueI18n({
    locale: 'en',
    messages: {
        en: {
            message: en
        },
        cn: {
            message: cn
        }
    }
})

new Vue({
    store,
    el: '#app',
    i18n,
    router,
    template: '<App/>',
    components: { App }
})

在root.js（商店）

export const mutations = {
    [types.SET_LANGUAGE] (state, data) {
        console.log(i18n.locale) // 'i18n' is not defined
        localStorage.setItem('language', data)
    },
}

Answer 1

如我的评论所述，将其放入自己的文件中，例如 i18n.js

import Vue from 'vue'
import VueI18n from 'vue-i18n' // or whatever the module is called

Vue.use(VueI18n) // you don't need this in main.js

export default new VueI18n({
  locale: 'en',
  messages: {
    en: {
      message: en
    },
    cn: {
      message: cn
    }
  }
})

然后，在 main.js 和 root.js...

import i18n from './i18n'

如何在商店突变中获取全局变量

How to get global variable in store mutation

vue.js

vuejs2

vue-i18n