二、安装国际化

1.npm install vue-i18n

2.在main.js入口文件

import i18n from './i18n/i18n';

new Vue({

     i18n

})

3.创建国际化文件，中文和英文

import zhLocale from 'element-ui/lib/locale/lang/zh-CN' //引入element语言包

const cn = {
message: {
'aa':'你好',
'riqi':'日期',
'text': '好好学习，天天向上',
},
...zhLocale
}

export default cn;

import enLocale from 'element-ui/lib/locale/lang/en' //引入element语言包
const en = {
message: {
'aa':'hello',
'riqi':'date',
'text': 'Good good study, Day day up',
},
...enLocale
}

export default en;

import en from './en';
import cn from './cn';
export default {
en: en,
cn: cn
}

import Vue from 'vue'
import locale from 'element-ui/lib/locale';
import VueI18n from 'vue-i18n'
import messages from './lang'
Vue.use(VueI18n)
//从localStorage获取语言选择。
const i18n = new VueI18n({
locale: localStorage.lang || 'en', //初始未选择默认 cn 中文
messages,
})
locale.i18n((key, value) => i18n.t(key, value)) //兼容element

export default i18n

4.this.$i18n.locale = e 进行切换