Vue.js 中的国际化

Question

Vue 国际化的最佳实践是什么？

目前我正在考虑拥有一个包含所有字符串的“字符串”对象，然后使用一些 ajax 魔法来根据 json 文件更新该字符串对象，并将字符串翻译成某些语言。

有人有更好的主意吗？我目前在使用我的字符串方法时遇到了一些麻烦，因为必须先加载字符串对象。

Vue 中是否有字符串占位符功能？例如，我有一个菜单，其条目位于我的虚拟机数据中。有没有办法将其设置为静态字符串，然后在它存在后自动将其绑定到另一个字符串？

原文由 Simon Hyll 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

vue-i18n 插件很不错。他们的 文档 遵循 Vue 文档设定的标准。该软件包也保持最新。我会从那里开始。

我喜欢的一件事是它们对 单个文件组件 的支持。您可以使用组件特定的翻译向组件添加附加标签。这是他们文档中的示例：

 <i18n>
{
  "en": {
    "hello": "hello world!"
  },
  "ja": {
    "hello": "こんにちは、世界！"
  }
}
</i18n>

原文由 Bert 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

你可能会读这篇 文章…

我建议研究一个准备好在不同框架中使用的 i18n 库，即 i18next

还有一些 vue 库：即 vue-i18next 或 @panter/vue-i18next

此外，您不仅应该考虑必须检测您的代码 (i18n) 来翻译您的应用程序/网站。你也应该考虑这个过程 - 你将如何解决 持续本地化，你如何跟踪进度等等……

对于翻译管理+系统，您可能例如。看看 locize ，它与所有基于 json 的 i18n 框架都能很好地兼容……并且比传统系统提供更多。

原文由 adrai 发布，翻译遵循 CC BY-SA 3.0 许可协议