Javascript 如何使用Vue i18n库翻译项目

我有一个元素以这种方式显示文本

 <div class="body-1 mt-4">{{ item.titleDesc }}</div>
            </v-card-title>
            <v-card-text class="project-description">
              <v-layout row fill-height v-for="(desc, index) of item.description" :key="index">
                <v-flex
                  xs4
                  class="text-xs-right font-weight-bold text-uppercase caption px-2 py-1"
                >{{ desc.name }}</v-flex>
                <v-flex xs8 class="text-lowercase desc-text px-2 py-1">{{ desc.text }}</v-flex>
              </v-layout>
            </v-card-text>

我有带翻译的json

{"en-US":{"same text":"same text","same text":"same text"}

有一个检查钥匙的循环

Object.keys(fileJsonObject).forEach((languagesJson) => {

              messages[languagesJson] = Object.assign(messages[languagesJson] ? messages[languagesJson] : {}, fileJsonObject[languagesJson])

            })

---

我需要项目通过我的jason与翻译，然后显示。如何做到这一点？请帮助我，我对这一点是全新的

尝试将

{{{desc.text}}

替换为

{$t（desc.text）}

见

---

如果您有Vue-i18n，它应该可以工作….

对不起，您能否更清楚地说明您到底有什么以及需要做什么。例如，我需要在显示文本之前，将其传递到库中，搜索必要的翻译，然后显示它。最初的jason有一个标题，以此类推，应该输出。在Jason中，库只是一组单词和短语。为了不输入每个短语，您需要显示项，它必须首先通过库查找短语的必要翻译

Object.keys(fileJsonObject).forEach((languagesJson) => {

              messages[languagesJson] = Object.assign(messages[languagesJson] ? messages[languagesJson] : {}, fileJsonObject[languagesJson])

            })