国际化i18n vue_使用i18next i18n生态系统进行vue的国际化

最新推荐文章于 2024-10-24 13:44:10 发布

cuk5340

最新推荐文章于 2024-10-24 13:44:10 发布

阅读量1.1k

点赞数

文章标签： vue python proxy less nlp ViewUI

原文链接：https://vuejsexamples.com/internationalization-for-vue-using-the-i18next-i18n-ecosystem/

版权

本文介绍了如何使用vue-i18next库，结合i18next生态系统实现Vue应用的国际化。内容包括安装步骤、配置初始化、在组件中使用$t方法、改变语言、组件插值、指令应用、命名空间的懒加载以及处理空键的过滤器等。

摘要由CSDN通过智能技术生成

国际化i18n vue

vue-i18next (vue-i18next)

Internationalization for vue using the i18next i18n ecosystem.

使用i18next i18n生态系统对vue进行国际化。

View demo 查看演示 Download Source 下载源

安装 (Installation)

Source can be loaded via

可以通过加载源

# npm package
$ npm install @panter/vue-i18next

If you don't use a module loader it will be added to window.VueI18next
如果您不使用模块加载器，它将被添加到window.VueI18next

要求 (Requirements)

vue >= 2.0.0
vue> = 2.0.0
i18next >= 6.0.1
i18next> = 6.0.1

用法 (Usage)

Check the DEMO to see vue-i18next in action.

检查DEMO以查看vue-i18next情况。

在里面 (Init)

import Vue from 'vue';
import i18next from 'i18next';
import VueI18Next from '@panter/vue-i18next';

Vue.use(VueI18Next);

i18next.init({
  lng: 'de',
  resources: {
    ...
  }
});

const i18n = new VueI18Next(i18next);
new Vue({
  ...
  i18n: i18n,
});