vue.js - 如何在存储突变中获取全局变量

Question

我收到关于使用 vue-i18n 依赖的错误。

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

我在用

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

在 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'