vue-i18n

How to get global variable in store mutation

久未见 提交于 2019-12-11 04:42:34
问题 I am getting error about using vue-i18n dependance. How should i get the const i18n from main.js to root.js (store) I am using Vuejs 2.X Vue-i18n latest Vuex For Vuejs 2.X In 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 } }) In root.js (store) export const mutations = { [types.SET_LANGUAGE] (state, data) { console.log(i18n

vue支持多语言项目 vue-i18n

耗尽温柔 提交于 2019-11-26 12:57:52
Vue I18n 是 Vue.js 的国际化插件,可以轻松地将一些本地化功能集成到 Vue.js 应用程序中。 此篇文章主要了解: 国际化多语言 首先,vue-i18n作为依赖安装 npm install vue-i18n  // NPM安装 yarn add vue-i18n    // yarn安装 在入口文件main.js中,引用vue-i18n并配置内容 // 引入依赖模块 import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n)import zhLocale from './zh'  // 语言包文件 // 配置语言内容 const messages = { en: { title: 'hello China',  // ...enLocale,  // 引入英文语言包,避免内容过长,代码整洁 }, zh: { title: '你好 中国' // ...zhLocale,  // 引入中文语言包,代替上一行内容列举,代码整洁 } } // 使用语言包 const i18n = new VueI18n({ locale: 'zh',   // locale: VueCookie.get('language') || 'zh', // 使用vueCookie动态切换语言环境,默认中文