Как передать значение vue.js в качестве параметра для маршрута в лезвии

У меня есть маршрут в Laravel, который требует идентификатора в качестве параметра.

Route::get('/example/{id}', ExampleController@index) 

Если бы я передал данные с контроллера Laravel на значение представления, я бы передал его следующим образом:

 <a href="/example/{{id}}" class="button success">Click</a> 

Но мой id – значение vue :

 <tr v-for="item in items"> <td>@{{ item.id }}</td> <td>@{{ item.name }}</td> <td>@{{ item.number }}</td> <td>@{{ item.address}}</td> <td v-if="item.status==0"><a href="/example/@{{item.id}}" class="button success">Click</a></td> </tr> 

Каков правильный способ сделать это?

Вы можете просто использовать v-bind для этого, например:

 <a :href="'/example/' + item.id" class="button success">Click</a>