如何利用i18n实现国际化
1.首先新建i18.js文件
// i18n配置 import { createI18n } from 'vue-i18n' // import ElementPlus from 'element-plus' import zhCn from 'element-plus/es/locale/lang/zh-cn' import zh from './zh-cn' import en from './en' import ru from './ru' const messages = { en_US: { ...en, // ...elementEnLocale }, zh_CN: { ...zh, ...zhCn }, ru_RU: { ...ru, // ...elementZhLocale } } // 创建i18n const i18n = createI18n({ locale: localStorage.getItem('language') || 'zh_CN', // 语言标识 globalInjection: true, // 全局注入,可以直接使用$t // 处理报错: Uncaught (in promise) SyntaxError: Not available in legacy mode (at message-compiler.esm-bundler.js:54:19) legacy: false, messages }) export default i18n注意：en_US、zh_CN、ru_RU必须按照固有格式
2.新建en.js文件
export default {
button: {
confirm: 'Confirm',
login: 'Login',
search: 'Search',
reset: 'Reset'
}
}