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

目前,我正在考虑使用一个包含所有字符串的"strings"对象,然后使用一点ajax魔法,基于json文件更新strings对象,并将字符串翻译成特定语言.

有谁有更好的主意吗?我目前在使用strings方法时遇到了一些问题,因为strings对象必须在加载之前加载.

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

推荐答案

vue-i18n插件相当不错.它们有documentation个符合Vue文档设定的标准.该软件包也是最新的.我会从那里开始.

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

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

Vue.js相关问答推荐

Vue 3组合式API如何测试是否发出正确的事件

vue js如何将布尔值传到数据库

使用 vue / nuxt js 切换 fontawesome 图标

在 vue.js 中添加新类时样式不适用

JSDoc 单文件 Vue 组件

vue 模板中无法识别 pug 语言

如果 Vuetify 自动完成没有匹配的结果,则保留输入的文本

Vue.js 和观察者模式

指定一个 vue-cli vue.config.js 位置

在下拉菜单上使用箭头键滚动

如何为 Vue 应用提供 robots.txt

vuejs中watch方法和计算方法有什么区别

我可以使用 vue.js v-if 来判断值是否存在于数组中

将 Vuetify 从 1.5 升级到 2 时,Sass-loader 错误 'options has an unknown property 'indentedSyntax''

在 VUE JS 的光标位置插入字符

如何在 NuxtJS 中设置全局 $axios 标头

在 Vue 应用程序中创建一个类的单个实例

升级到 vue-cli 3 后,HTML 中的空格消失了

在Vue中调用方法时的括号

将 Vue props与默认值合并