VUE3 +TypeScript + i18n多语言结合使用

这篇文章距离上次修改已过435天，其中的内容可能已经有所变动。




import { createI18n } from 'vue-i18n';
 
// 定义多语言资源
const messages = {
  en: {
    message: {
      hello: 'hello world'
    }
  },
  zh: {
    message: {
      hello: '你好，世界'
    }
  }
};
 
// 设置默认语言和语言资源
const i18n = createI18n({
  locale: 'en', // 设置默认语言
  fallbackLocale: 'en', // 设置后备语言
  messages, // 语言资源
});
 
// 在Vue应用中使用i18n
export default i18n;

在Vue 3应用程序中，你可以通过以上代码创建并配置i18n实例，并在应用程序中使用。这个例子展示了如何定义多语言资源，并通过createI18n函数创建i18n实例，最后将其导出以供Vue应用使用。

VUE3 +TypeScript + i18n多语言结合使用

评论已关闭

推荐阅读