vue.js - 如何在 vue 中通过 vue-i18n 使用每种语言的多个文件？

Question

我是 vue 新手，我正在使用 vuetify。我想为我的项目添加国际化。我成功了，但我使用的是标准方法，在这种方法中我们为每种语言制作一个文件，随着我的项目的增长，维护该文件将非常困难。因此，我想将该单个文件分解为一种语言的多个文件。谁能建议如何做到这一点？

标签： vue.jsvuetify.jsvue-i18n

Answer 1

这是一个老问题，但我有同样的问题并找到了我想分享的解决方案。我希望这会有所帮助。

我的原始语言文件“index.js”如下所示：

export default {
    "ok" : "OK",
    "cancel" : "Abbrechen",
    "back" : "Zurück",
    "yes" : "Ja",
    "no" : "Nein"
    ....
}

我已将内容拆分为两个新文件，并将它们命名为“mainview.js”和“badges.js”。它们与原始语言文件位于同一目录中。

我的语言文件“index.js”现在只导入所有其他文件，如下所示：

// import each language file
import mainview from './mainview'
import badges from './badges'

// add all imported language files
export default {
  ...mainview,
  ...badges,
}