安装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('国家化名称')