vue多语言

// Vue多语言示例代码

// 1. 安装 vue-i18n 库
// 使用 npm 或 yarn 安装 vue-i18n
// npm install vue-i18n
// 或者
// yarn add vue-i18n

// 2. 创建 i18n 实例
import Vue from 'vue';
import VueI18n from 'vue-i18n';

Vue.use(VueI18n);

// 准备一些本地化的消息
const messages = {
  en: {
    message: {
      hello: 'hello world'
    }
  },
  zh: {
    message: {
      hello: '你好，世界'
    }
  }
};

// 创建 VueI18n 实例
const i18n = new VueI18n({
  locale: 'zh', // 设置默认语言为中文
  messages, // 设置本地化消息
});

// 3. 在组件中使用
new Vue({
  i18n,
  el: '#app',
  template: '<div>{{ $t("message.hello") }}</div>'
});

// 解释说明：
// - 我们首先安装了 `vue-i18n` 库，这是一个用于 Vue.js 的国际化插件。
// - 然后我们创建了一个 `VueI18n` 实例，并定义了两种语言的消息（英语和中文）。
// - 最后在 Vue 实例中使用 `$t` 方法来获取对应语言的翻译内容。