How to place vue variable inside a laravel bracket
<p>I am having problem displaying the vue variable output when using it together with laravel. Below is my code.</p>

<pre><code>&lt;input type="text" 
               class="form-control search-bar__input" 
               placeholder="Search Courses, Interests, Schools or Institutions" 
               autocomplete="on" 
               autofocus="on"
               v-model="query"
               v-on:keyup="search"&gt;
&lt;ul class="list-group"&gt;
    &lt;li class="list-group-item" v-for="course in courses"&gt;
        &lt;a href="{{ route('courses.show', '{{ course.id }}') }}"&gt;@{{ course.title }}&lt;/a&gt;
    &lt;/li&gt;
&lt;/ul&gt; 
</code></pre>

<p>In the above code I make used of <code>@{{course.id}}</code> inside the route in the a element. However it seems it is not working. Can anyone help me on this.</p>