Vue 国际化配置

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