vue2使用国际化vue-i18

你好！关于Vue.js 2.x的国际化，可以使用vue-i18n插件来实现。下面是一些基本的步骤：

1. 安装vue-i18n插件：

npm install vue-i18n --save

2. 在Vue项目中创建一个`i18n.js`文件，并添加以下内容：

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

Vue.use(VueI18n);

const messages = {
  en: {
    // 英文翻译
  },
  zh: {
    // 中文翻译
  }
};

const i18n = new VueI18n({
  locale: 'en', // 默认语言
  messages,
});

export default i18n;

3. 在main.js中引入`i18n.js`文件，并将其作为Vue实例的一个选项：

import Vue from 'vue';
import App from './App.vue';
import i18n from './i18n';

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

4. 在Vue组件中使用国际化文本。在模板中使用`$t`方法来获取翻译后的文本：

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

<script>
export default {
  // ...
};
</script>

5. 在`messages`对象中添加不同语言的翻译内容：

const messages = {
  en: {
    message: 'Hello Vue!',
  },
  zh: {
    message: '你好，Vue！',
  },
};

这样就可以根据当前的语言设置来显示不同的翻译内容了。你可以根据需要在不同的组件中使用国际化文本，并在`messages`对象中添加更多的翻译内容。

希望能帮到你！如果有任何问题，请随时问我。