vue3中使用vuei18n

在 Vue 3 中使用 vue-i18n 与 Vue 2 中有一些不同。下面是使用 vue-i18n 的步骤：

1. 安装 vue-i18n：

npm install vue-i18n@next

2. 在 main.js 中创建 i18n 实例：

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

const messages = {
  en: {
    hello: 'Hello!'
  },
  zh: {
    hello: '你好！'
  }
}

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

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

3. 在组件中使用 `$t` 或 `t` 方法来翻译文本：

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

<script>
export default {
  // ...
}
</script>

注意，`$t` 和 `t` 方法是等价的，都可以用来翻译文本。

希望这个简单的例子能够帮助你在 Vue 3 中使用 vue-i18n。如果还有问题，请随时问我。