javascript - Vue.js 中的国际化

Question

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

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

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

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

Answer 1

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

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

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