vue 20 js文件中使用国际化-i18n i18n在单独的js文件中不生效import i18n from localesi18n;
如果你想在Vue 2.0的单独的js文件中使用国际化插件i18n,你需要按照以下步骤进行操作:
- 首先,确保你已经安装了vue-i18n插件。你可以使用以下命令进行安装:
npm install vue-i18n
- 在你的单独的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;
- 然后,你可以在Vue的组件中使用导入的i18n实例,例如:
import i18n from '../locales/i18n';
export default {
// ...
mounted() {
console.log(this.$t('message.hello')); // 输出根据当前语言环境翻译后的文字
}
};
请注意,你需要确保你的Vue组件已经正确地导入和使用了i18n实例。你可以使用this.$t方法来获取当前语言环境下的翻译文本。
希望这可以帮助到你
原文地址: https://www.cveoy.top/t/topic/ipuV 著作权归作者所有。请勿转载和采集!