vue-i18n中英文切换

 1. 安装

npm install vue-i18n

2. 在main.js中引入vue-i18n

import VueI18n from 'vue-i18n'

Vue.use(VueI18n)

3. VueI18n实例

let message = {
    'zh':{
        
    },
    'en':{
    
    }
};
let message2 = {
    'zh': require('路径'),
    'en': require('路径')
}
const i18n = new VueI18n({
  //定义默认语言
  locale: 'en', 
  messages: message  //注意参数 messages 写错不会报错，会有黄色警告。
});

4. 挂载到Vue的实例上

new Vue({
  el: '#app',
  router,
  i18n, // 不挂在会找不到
  template: '<App/>',
  components: { App }
})

5. 使用

this.$i18n.locale = 'zh'; // 操作 locale

$t('')  //获取json中的值