js文件引用i18n国际化

1、下载i18n

npm install vue-i18n --save

2、main.js文件引用i18n

import VueI18n from "vue-i18n";
//下面是elementui组件的国际化引用
import enLocale from "element-ui/lib/locale/lang/en";  //英文
import zhLocale from "element-ui/lib/locale/lang/zh-CN";  //中文
import twLocale from "element-ui/lib/locale/lang/zh-TW"; //繁体
import locale from "element-ui/lib/locale"; //将要切换的语言
// 国际化语言
const i18n = new VueI18n({
  locale: "Chinese", // 将要切换的语言
  messages: {
  	//路径写自己相关国际化文件的路径
    Chinese: Object.assign(require("@/assets/language/Chinese.json"), zhLocale),
    English: Object.assign(require("@/assets/language/English.json"), enLocale),
    TraditionalChinese: Object.assign(require("@/assets/language/TraditionalChinese.json"),twLocale
    )
  }
});
locale.i18n((key, value) => i18n.t(key, value));

//创建vue实例，将i18n挂载到vue实例上
var vue = new Vue({
  el: "#app",
  i18n,
  router,
  store,
  render: h => h(App)
});
//导出vue实例
export default vue

3、在需要使用国际化的js文件中引入main.js，使用vue.$i18n调用即可

import vue from "../main";
export function test(){
	console.log(vue.$i18n.t("JS.手机号码不能为空"))
}