import VueI18n from 'vue-i18n';
导入18国插件之后，一般会给每种语言做一个单独的语言js文件

const i18n = new VueI18n({
  // locale: 'en_US',
  locale: getBrouserLang('zh'), // 语言标识 默认中文
  messages: {
    zh: require('./assets/lang/zh'), // 中文语言包
    en: require('./assets/lang/en'), // 英文语言包
    ja: require('./assets/lang/ja'), // 英文语言包
  },
});

举一个例子 假设一个js文件里面有这么一条要翻译的语句:

module.exports = {
  home: {
    language: 'Language',
  },
};

在Vue的template里面使用是很简单的，方法如下：

{{$t("home.language")}}

在开发的过程中我就遇到疑问了，如果在标签内该怎么用呢，比如说title或者placeholder之类的，
一番调查之后，方法如下（注意冒号，这是Vue语法）：

:placeholder="$t('home.language')"

然后就是如果在js脚本中有需要翻译的字段该怎么写呢？？？方法如下：

this.message = this.$i18n.t('home.language');

希望能对需要的人有所帮助