vue vue-i18n 中英文翻译

Vue-i18n 是一个 Vue.js 插件，用于处理 Vue.js 应用程序的国际化和本地化。它支持多种语言和翻译方式。

下面是一个简单的示例，演示如何在 Vue-i18n 中使用中英文翻译：

1. 在 Vue 组件中引入 Vue-i18n：

import Vue from 'vue'
import VueI18n from 'vue-i18n'

Vue.use(VueI18n)

2. 创建一个 i18n 实例：

const i18n = new VueI18n({
  locale: 'en', // 默认语言为英文
  messages: {
    en: {
      hello: 'Hello!'
    },
    zh: {
      hello: '你好！'
    }
  }
})

3. 在组件中使用翻译：

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

<script>
export default {
  name: 'HelloWorld',
  mounted() {
    // 切换语言为中文
    this.$i18n.locale = 'zh'
  }
}
</script>

在这个示例中，我们定义了两种语言（英文和中文），并在组件中使用了 `$t` 方法来获取翻译。在 `mounted` 钩子函数中，我们可以通过设置 `$i18n.locale` 属性来切换语言。

希望这个简单的示例可以帮助你开始使用 Vue-i18n 进行中英文翻译。