vue3.2使用i18n

Vue 3.2 中，可以使用 `vue-i18n` 或 `@intlify/vue-i18n-next` 库来实现国际化。

首先，安装所需的依赖：

npm install vue-i18n@next

或者

npm install @intlify/vue-i18n-next

然后，在 main.js 中引入并使用：

import { createApp } from 'vue'
import { createI18n } from 'vue-i18n'

import App from './App.vue'

const i18n = createI18n({
  locale: 'en', // 默认语言
  messages: {
    en: {
      hello: 'Hello World!'
    },
    zh: {
      hello: '你好，世界！'
    }
  }
})

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

在组件中使用翻译文本：

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

这里的 `$t()` 方法即为翻译方法，在模板中使用时需要加上 `$` 符号。

在组件中切换语言：

export default {
  methods: {
    switchLanguage(locale) {
      this.$i18n.locale = locale
    }
  }
}

以上是使用 `vue-i18n` 的方法，在使用 `@intlify/vue-i18n-next` 时，只需将 `createI18n` 改为 `createI18n` 即可。