vue-i18n vu3版本

Vue-i18n 是一个 Vue.js 的国际化插件，可以用来实现多语言网站的开发。目前，Vue-i18n 的最新版本为 v9，支持 Vue 3。

在使用 Vue-i18n v9 进行多语言开发时，需要先安装 Vue-i18n：

npm install vue-i18n@next

然后，在 Vue 3 中，需要使用 `createI18n` 函数来创建一个 i18n 实例。下面是一个简单的示例：

import { createApp } from 'vue'
import { createI18n } from 'vue-i18n'
import App from './App.vue'

const messages = {
  en: {
    welcome: 'Welcome to my website!'
  },
  zh: {
    welcome: '欢迎来到我的网站！'
  }
}

const i18n = createI18n({
  locale: 'en',
  messages
})

createApp(App).use(i18n).mount('#app')

在上面的示例中，我们创建了一个 i18n 实例，并将其作为插件注入到 Vue 应用程序中。然后，我们可以在组件中使用 `$t` 方法来访问翻译后的文本：

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

当我们将语言设置为英语时，文本将显示为 "Welcome to my website!"，而将语言设置为中文时，文本将显示为 "欢迎来到我的网站！"。