How pass variable to vue-router v-link
<p>I have a vue component to render nav list, and pass nav list, each item includes title and link:</p>

<pre><code>&lt;template&gt;
  &lt;ul&gt;
    &lt;li v-for="item in list"&gt;&lt;a v-link="{{ path: item.link }}"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
&lt;/template&gt;

&lt;script&gt;
  export default {
    props: ['list']
  }
&lt;/script&gt;
</code></pre>

<p>I try pass variable <code>item.link</code> to v-link path, but failed.</p>

<p>get this warn:</p>

<pre><code>[Vue warn]: v-link="{{ path: item.link }}": attribute interpolation is not allowed in Vue.js directives and special attributes.
</code></pre>

<p>what should i do if pass variable to v-link path? </p>

<p>thanks for reading :)</p>