Vue-i18n在js文件中使用
在JavaScript文件中使用Vue-i18n,首先需要安装并设置Vue-i18n插件。以下是一个简单的示例:
- 安装Vue-i18n:
npm install vue-i18n
- 设置Vue-i18n:
// i18n.js
import Vue from 'vue';
import VueI18n from 'vue-i18n';
Vue.use(VueI18n);
const messages = {
en: {
message: {
hello: 'Hello world'
}
},
fr: {
message: {
hello: 'Bonjour le monde'
}
}
};
const i18n = new VueI18n({
locale: 'en', // set default locale
messages, // set locale messages
});
export default i18n;
- 在你的JavaScript文件中使用Vue-i18n:
// someFile.js
import Vue from 'vue';
import i18n from './i18n';
new Vue({
i18n,
}).$mount('#app');
// 使用i18n
console.log(i18n.t('message.hello')); // 输出: Hello world
确保你的Vue实例使用了正确的i18n配置,并且在需要国际化字符串的地方,使用i18n.t
函数来获取对应语言的字符串。
评论已关闭