vue3 element plus 国际化

要在 Vue3 中使用 Element Plus 进行国际化，可以使用 Vue I18n 插件。首先需要安装 Vue I18n：

npm install vue-i18n

然后在 main.js 中引入并配置：

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import locale from 'element-plus/lib/locale/lang/en' // 引入英文语言包
import 'element-plus/lib/theme-chalk/index.css'
import { createI18n } from 'vue-i18n'

const messages = {
  en: {
    // 英文语言包
    message: {
      hello: 'hello world'
    }
  },
  zh: {
    // 中文语言包
    message: {
      hello: '你好，世界'
    }
  }
}

const i18n = createI18n({
  locale: 'en', // 设置默认语言为英文
  messages
})

createApp(App)
  .use(ElementPlus, { locale })
  .use(i18n)
  .mount('#app')

在组件中使用 `$t` 方法进行国际化：

<template>
  <div>{{ $t('message.hello') }}</div>
</template>