How to output "{{.....}}" in Grav

Hi all,

I am writing somthing on Vue.js. As you know, in Vue.js, it uses {{...}} syntax commonly.

So when I am quoting these codes in my Grav site, I shall quote these Vue syntax:

<div>
  <p class="mid">
    <router-link class="yellow shadow" :to="{name: 'BookDetail', params: {id: book.bookid} }">
      {{book.title}}
    </router-link>
  </p>
</div>
<div><p className="s18">{{this.book.author}}</p></div>
<div><p className="s18">{{this.book.p_name}}</p></div>
<div><p className="small"><em>收录时间:{{this.book.purchdate}}</em></p></div>

But it seems that in the above code snippet, “{{…}}” has been parsed by Twig template.

How to lieterally print {{this.book.author}}? Thanks for your help?

1 Like

I have found the solution: use {% verbatim %}...{% endverbatim %} block.

1 Like