title: Link to a route with a parameter of Vue.js
body: <p>I'm using Vue.js and Laravel to render a simple table listing products. From there I want to link to a product detail page like this:</p>
  
  <p><code>&lt;a href="{{ route("product::details", ['product' =&gt; '???']) }}"&gt;@{{ product.id }}&lt;/a&gt;</code></p>
  
  <p>Since the table is generated on client side base on a data object, I'm looking for the most elegant way to implement that while not bypassing any laravel methods like <code>route()</code> that allows me to link to a named route.</p>
  
  <p>Do I really have to manually merge the result of the route-method with the Vue variable in Javascript?</p>
  
  <p>In my mind is something like:</p>
  
  <p><code>&lt;a href="{{ route("product::details", ['product' =&gt; ':product.id']) }}"&gt;@{{ product.id }}&lt;/a&gt;</code></p>
  
  <p>which I could probably parse/inject by Vue via data binding?</p>