vue项目国际化

安装i18n 

npm i vue-i18n

src目录下新建文件夹 

index.js文件中代码如下：

import { createI18n } from 'vue-i18n'
import zhCN from './locales/zh-CN'
import enUS from './locales/en_US'

const i18n = createI18n({
  legacy: false,
  locale: 'zh-CN', // 默认显示语言
  messages: {
    'zh-CN': zhCN,
    'en-US': enUS
  }
})

export default i18n

main.js中引入

// 国际化
import i18n from './language';

app.use(i18n);

 组件中使用

$t('国家化名称')