Vue I18n ( main.js )
Tue Aug 03 2021 09:22:09 GMT+0000 (Coordinated Universal Time)
Saved by
@Roy
#javascript
#vue.js
import Vue from "vue";
import App from "./App.vue";
import store from "./store";
import VueI18n from 'vue-i18n' // 引入 Vue I18n
import zh from './i18n/zh' // 存放中文語系檔
import en from './i18n/en' // 存放英文語系檔
Vue.use(VueI18n)
// 預設使用的語系
let locale = 'en';
// 檢查 localStorage 是否已有保存使用者選用的語系資訊
if (localStorage.getItem('footmark-lang')) {
locale = localStorage.getItem('footmark-lang');
store.commit('setLang', locale);
} else {
store.commit('setLang', locale);
}
const i18n = new VueI18n({
locale: locale,
messages: {
'zh': zh,
'en': en
}
});
Vue.config.productionTip = false;
new Vue({
store,
i18n,
render: h => h(App)
}).$mount("#app");
content_copyCOPY
https://www.footmark.info/programming-language/vuejs/vue-cli3-i18n/
Comments