vue3使用vue-i18n实现国际化




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函数来访问本地化信息。

vue3使用vue-i18n实现国际化

评论已关闭

推荐阅读