1.npm i vue-i18n
2.在main.js中引入vue-i18n
import VueI18n from 'vue-i18n';
import messages from './assets/i18n/i18n'
Vue.use(VueI18n)
const i18n = new VueI18({
local: 'zh_CN',
messages,
})
3.src/assets/i18n/en.js
const messageEn = {
'common.en':'English'
}
export default messageEn
4.src/assets/i18n/zh_CN.js
const messageZh_cn = {
'common.en':'英文'
}
export default messageZh_cn
5.src/assets/i18n/i18.js
import en from './en'; //引入自己模块的国际化文件
import zh from './zh_CN';
const messages = {
en:{
...en,
},
zh:{
...zh,
}
}
export default messages