vue3使用i18n国际化配置

import { createI18n } from 'vue-i18n';
 
// 定义语言包
const messages = {
  en: {
    message: {
      hello: 'hello world'
    }
  },
  zh: {
    message: {
      hello: '你好，世界'
    }
  }
};
 
// 创建i18n实例
const i18n = createI18n({
  locale: 'en', // 设置默认语言
  fallbackLocale: 'en', // 设置后备语言
  messages, // 语言包
});
 
export default i18n;

在 Vue 3 应用中使用 vue-i18n 时，你需要先安装 vue-i18n 插件：

npm install vue-i18n@next

然后，你可以像上面的代码示例一样创建一个 i18n 实例，并在 Vue 应用中进行配置：

import { createApp } from 'vue';
import App from './App.vue';
import i18n from './i18n';
 
const app = createApp(App);
 
app.use(i18n);
 
app.mount('#app');

在组件中使用国际化消息，可以通过 t 函数：

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

这样就完成了 Vue 3 项目中 i18n 的基本配置和使用。