vue 20 js文件中使用国际化-i18n

在Vue 2.0中使用国际化（i18n）可以通过以下步骤完成：

安装vue-i18n库：在终端中运行以下命令进行安装：

npm install vue-i18n

创建一个i18n实例：在你的js文件中，导入vue和vue-i18n，并创建一个新的VueI18n实例，如下所示：

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

Vue.use(VueI18n);

const i18n = new VueI18n({
  locale: 'en', // 设置默认的语言
  messages: {
    en: {
      // 定义英文的翻译内容
      message: {
        hello: 'Hello world'
      }
    },
    zh: {
      // 定义中文的翻译内容
      message: {
        hello: '你好，世界'
      }
    }
  }
});

export default i18n;

在Vue组件中使用翻译内容：在你的Vue组件中，可以通过$t方法来获取翻译内容。例如：

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

设置语言：你可以通过在Vue组件中设置$i18n.locale来改变当前的语言。例如：

<template>
  <div>
    <button @click="changeLanguage('en')">English</button>
    <button @click="changeLanguage('zh')">中文</button>
    <p>{{ $t('message.hello') }}</p>
  </div>
</template>

<script>
export default {
  methods: {
    changeLanguage(locale) {
      this.$i18n.locale = locale;
    }
  }
}
</script>

这样，你就可以在Vue 2.0的js文件中使用国际化了。你可以根据需要定义不同的语言和翻译内容，并在Vue组件中使用$t方法获取翻译内容。同时，你也可以通过设置$i18n.locale来改变当前的语言