基于vue.js，結合vue-i18n、ElementUI項目可以實現中/英文切換，方法如下： 1、安裝`yarn add vue-i18n` > vue+vue-i18n國際化 > 在`assents/languages/`目錄下新建`en_us.json、zh_cn.json`兩個文件，內容格式如下： ``` assents/languages/en_us.json { "common": { ... "home": "Home", "login": "Login", "logout": "Logout", "myMsg": "My Message", ... } }, ``` assents/languages/zh\_cn.json ``` { "common": { ... "home": "首頁", "login": "登錄", "logout": "退出", "myMsg": "我的消息", ... } }, ``` ``` i18n.js import Vue from "vue"; import VueI18n from "vue-i18n"; Vue.use(VueI18n); // 注冊i18n實例并引入語言文件，文件格式等下解析 const i18n = new VueI18n({ locale: "zh_cn", messages: { zh_cn: require("@/assets/languages/zh_cn.json"), en_us:require("@/assets/languages/en_us.json") } }); // 為了實現element插件的多語言切換 locale.i18n((key, value) => i18n.t(key, value)); export default i18n; ``` >[info] main.js添加下面代碼 ``` import i18n from './i18n' ... const vm = new Vue({ el: '#app', i18n, render: h => h(app) }) ... ``` >[info] 界面引用 ``` $t('home.operation') ``` >[info] 實現語言切換 ``` // 語言切換 changeLanguage (lang) { const _lang = lang === '' ? 'zh_cn' : lang this.$i18n.locale = _lang } ```