vue i18n使用

安装命令

npm install vue-i18n

main.js文件

import VueI18n from 'vue-i18n';
import messages from "@/lang/index";
Vue.use(VueI18n)
const i18n = new VueI18n({
  locale: 'zh', // 设置地区
  messages, // 设置地区信息
})
new Vue({
  i18n
  render: function(h) {
    return h(App);
  }
}).$mount("#app");

lang/index.js文件

import en from './en'
import zh from './zh'
const messages={...en,...zh}
export default messages;

zh文件

const zh={
    zh:{
        hello:'你好'
    }
}
export default zh;

en文件

const en = {
    en:{
        hello:'hello1'
    }
}
export default en;

切换语言方法

this.$i18n.locale='zh'