技術標籤：vuejavascript

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.手機號碼不能為空"))
}