關於I18n的配置

import Vue from 'vue';

import VueI18n from 'vue-i18n';

import stroe from './store'

import en from '../en';

import zh from '../cn';

 

Vue.use(VueI18n);

 

const messages = {

　　en: Object.assign({ message: 'hello' }, en),

　　zh: Object.assign({ message: '你好' }, zh)

};

 

 

const i18n = new VueI18n({

　　locale: store.state.lang, // set locale

　　messages // set locale messages

});

 

在main.js中初始化

======================== main.js ===============================

new Vue({

　　el: '#app',

　　i18n: i18n

})

======================== main.js ===============================

 

在heard.js中進行語言切換

======================== heard.js ===============================

onclick(){

　　this.$i18n.locale='en'

}

======================== heard.js ===============================