vue-i18nvue3

Vue-i18n 是一个 Vue.js 的国际化插件。它提供了一个简单的方式来实现多语言支持，让你的应用能够轻松地切换不同的语言。

在 Vue 3 中，Vue-i18n 也有相应的支持。你可以通过安装 vue-i18n@next 来使用 Vue-i18n 的最新版本。

使用 Vue-i18n 的基本步骤如下：
1. 安装 Vue-i18n: `npm install vue-i18n@next`
2. 在你的应用中导入 Vue-i18n 并创建一个实例：

import { createApp } from 'vue';
import { createI18n } from 'vue-i18n';
import messages from './locales';

const i18n = createI18n({
  locale: 'en', // 默认语言
  messages, // 各个语言的翻译消息
});

const app = createApp(App);
app.use(i18n);
app.mount('#app');

3. 在 `locales` 文件夹中创建不同语言的翻译文件，例如 `en.json` 和 `zh.json`：

// en.json
{
  "message": "Hello, world!"
}

// zh.json
{
  "message": "你好，世界！"
}

4. 在你的组件中使用 `$t` 方法来获取翻译文本：

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

这是一个简单的示例，你可以根据你的需求进行更复杂的配置和使用。Vue-i18n 还提供了很多其他的特性，例如日期和数字格式化、复数形式的支持等，你可以在官方文档中找到更多信息。