How to use symfony routing with vuejs?

I am new with VueJS and I want to use it with my Symfony plateform. I am wondering how I can add a VueJs Variable inside a twig variable.

Here is my example :

<div v-for="competition in Vcompetitions">
     <div class="thumbnail">
       <a v-bind:href="XXX">
         <img v-bind:src="competition.src">
       </a>
     </div>
</div>

Consider the desired twig path is: {{ path('name', {'id' : THEID })}},and the VueJs variable is competition.id I don't know what to do on XXX.

Thanks for your help