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 ===============================