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

时间:2017-08-02 12:07:20

标签: vue.js vuejs2 vue-i18n

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

我应该如何从main.js获取 const i18n 到root.js(商店)

我正在使用

  • Vuejs 2.X
  • Vue-i18n最新
  • Vuex For Vuejs 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)
    },
}

1 个答案:

答案 0 :(得分:2)

正如我的评论所述,将其放入自己的文件中,例如\b^(menu|mes|close|set)\b

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