vue3 element-plus 国际化

对于Vue 3和Element Plus的国际化，你可以通过以下步骤来实现：

1. 首先，在你的Vue 3项目中安装Element Plus和Vue I18n：

npm install element-plus vue-i18n

2. 在你的Vue 3项目的入口文件（通常是`main.js`）中，引入Element Plus和Vue I18n，并设置默认语言：

import { createApp } from 'vue';
import ElementPlus from 'element-plus';
import locale from 'element-plus/lib/locale/lang/zh-cn'; // 导入Element Plus语言包
import { createI18n } from 'vue-i18n';

const app = createApp(App);

const i18n = createI18n({
  locale: 'zh-cn', // 设置默认语言为中文简体
});

app.use(ElementPlus, { locale });
app.use(i18n);

app.mount('#app');

3. 创建一个语言包文件夹，在其中创建具体语言的翻译文件。例如，创建一个`locales`文件夹，＊＊＊```javascript
export default {
hello: '你好',
...
};

`locales/en-us.js`：

export default {
hello: 'Hello',
...
};

4. 在你的Vue组件中使用`$t`方法来进行国际化翻译。例如：

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

以上步骤将会实现Vue 3配合Element Plus的国际化。你可以根据需要，在语言包文件中添加更多的翻译内容。