title: How pass variable to vue-router v-link
body: <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>