如果你想在Vue 2.0的单独的js文件中使用国际化插件i18n,你需要按照以下步骤进行操作:

  1. 首先,确保你已经安装了vue-i18n插件。你可以使用以下命令进行安装:
npm install vue-i18n
  1. 在你的单独的js文件中,导入Vue和VueI18n,并创建一个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;
  1. 然后,你可以在Vue的组件中使用导入的i18n实例,例如:
import i18n from '../locales/i18n';

export default {
  // ...
  mounted() {
    console.log(this.$t('message.hello')); // 输出根据当前语言环境翻译后的文字
  }
};

请注意,你需要确保你的Vue组件已经正确地导入和使用了i18n实例。你可以使用this.$t方法来获取当前语言环境下的翻译文本。

希望这可以帮助到你

vue 20 js文件中使用国际化-i18n i18n在单独的js文件中不生效import i18n from localesi18n;

原文地址: https://www.cveoy.top/t/topic/ipuV 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录