vue 使用vue-i18n做全局中英文切换的方法

npm install vue-i18n --save-dev

import VueI18n from \'vue-i18n\';
　　Vue.use(VueI18n);
　　const i18n = new VueI18n({
　　　　locale: localStorage.getItem(\'language\')||\'zh\', //使用localStorage缓存到本地，当下次使用时可默认当前使用语言
　　　　messages: {
 \'　　　　　　zh\': require(\'./common/lang/zh\'),
　　　　　　\'en\': require(\'./common/lang/en\')
　　　　}
　　})
　　new Vue({
　　　　el: \'#app\',
　　　　router,
　　　　i18n,
　　　　template: \'<App/>\',
　　　　components: { App }
　　})

module.exports = {

　　　　language: {
　　　　　　name: \'English\'
　　　　},
　　　　navbar: {
　　　　　　home: \'首页\',
　　　　}
　　}

module.exports = {

　　　　language: {
　　　　　　name: \'中文\'
　　　　},
　　　　navbar: {
　　　　　　home: \'Home\',
　　　　}
　　}

　changeLang() {
　　　　let locale = localStorage.getItem(\'language\')||\'zh\';
　　　　let temp=locale === \'zh\' ? \'en\' : \'zh\';
　　　　this.$i18n.locale=temp;//改变当前语言
 　　　　localStorage.language=temp;
　　}

　<p>{{ $t(\'language.name\') }}</p>
　　<p>{{ $t(\'navbar.contact\') }}</p>