vue2 i18n

// Vue 2 with i18n example

// Import Vue and VueI18n
import Vue from 'vue';
import VueI18n from 'vue-i18n';

// Install VueI18n
Vue.use(VueI18n);

// Prepare messages
const messages = {
  en: {
    message: {
      hello: 'hello world'
    }
  },
  zh: {
    message: {
      hello: '你好，世界'
    }
  }
};

// Create VueI18n instance
const i18n = new VueI18n({
  locale: 'en', // set locale
  messages, // set locale messages
});

// Create a Vue instance
new Vue({
  i18n,
  el: '#app',
  template: '<div>{{ $t("message.hello") }}</div>'
});

解释说明：

1. 导入和安装 VueI18n：首先我们导入 Vue 和 VueI18n，然后通过 Vue.use(VueI18n) 安装插件。
2. 准备多语言消息：定义了两种语言的消息（英语和中文），每种语言下都有一个 message 对象，里面包含了一个 hello 键。
3. 创建 VueI18n 实例：通过 new VueI18n() 创建一个实例，并设置默认语言为英语 (locale: 'en') 和消息内容 (messages)。
4. 创建 Vue 实例：在 Vue 实例中使用 i18n 实例，并通过模板语法 {{ $t("message.hello") }} 来显示翻译后的文本。