vuei18n国际化代码

Vue-i18n 是 Vue.js 的国际化插件，可以轻松地实现多语言切换功能。以下是一个简单的示例：

1. 安装 vue-i18n：

npm install vue-i18n --save

2. 在 main.js 中导入和设置 vue-i18n：

import Vue from 'vue'
import VueI18n from 'vue-i18n'
import messages from './i18n/messages'

Vue.use(VueI18n)

const i18n = new VueI18n({
  locale: 'en', // 默认语言为英文
  messages, // 所有语言包
})

new Vue({
  i18n,
  render: h => h(App)
}).$mount('#app')

3. 创建一个 `i18n/messages.js` 文件，包含所有语言的翻译，例如：

export default {
  en: {
    hello: 'Hello',
    world: 'World'
  },
  zh: {
    hello: '你好',
    world: '世界'
  }
}

4. 在组件中使用：

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

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

在上面的示例中，我们使用 `$t` 方法来获取翻译内容。`$i18n.locale` 用于切换语言，可以在任何组件中使用。