vue3使用vue-i18n实现国际化
warning:
这篇文章距离上次修改已过186天，其中的内容可能已经有所变动。
import { createI18n } from 'vue-i18n';
// 定义信息
const messages = {
en: {
message: {
hello: 'hello world'
}
},
zh: {
message: {
hello: '你好，世界'
}
}
};
// 创建i18n实例
const i18n = createI18n({
locale: 'en', // 设置默认语言
fallbackLocale: 'en', // 设置后备语言
messages, // 语言信息
});
// 在Vue应用中使用
export default {
setup() {
// 可以在组件内使用$t函数来访问本地化信息
const helloMsg = i18n.t('message.hello');
return { helloMsg };
}
};这段代码展示了如何在Vue 3项目中使用vue-i18n库来实现应用的国际化。首先定义了包含英文和中文的信息，然后创建了一个i18n实例并配置了默认语言和后备语言，最后在Vue组件中使用i18n.t函数来访问本地化信息。
评论已关闭