为什么 vuejs 中的自定义分隔符不起作用？ [复制]

Question

我在 Jekyll 中使用 vuejs，并且想为 vue 使用自定义分隔符，因为 jekyll 使用相同的分隔符。

这是一个静态网站。我使用 vuejs v2.6.10、vuetify v2.0.0beta-4 和 jekyll v3.8.0。

这是我的组件的一部分：

<v-card-text style="min-height: 300px;">
            <div class="pr-3 pl-3">
              <h2 class="text-xs-center mb-2">${ teaser.title }</h2>
              <v-divider class="mb-3"></v-divider>
              <p style="text-align: left;">${ teaser.text } <a class="primary--text" style="text-decoration: none;" href="#">Weiterlesen</a></p>
            </div>
          </v-card-text>

        </v-card>
      </v-flex>

    </v-layout>

在我的布局中，我只是将它作为纯文本获取，例如“${teaset.title}”

我也没有收到任何错误。

Answer 1

如果您想在 html 部分呈现变量值，请改为：

    <v-card-text style="min-height: 300px;">
            <div class="pr-3 pl-3">
              <h2 class="text-xs-center mb-2"> {{ teaser.title }} </h2>
              <v-divider class="mb-3"></v-divider>
              <p style="text-align: left;"> {{ teaser.text }} <a class="primary--text" style="text-decoration: none;" href="#">Weiterlesen</a></p>
            </div>
          </v-card-text>

        </v-card>
      </v-flex>

    </v-layout>

只需删除$ 并使用双"{{" and "}}"