title: Vue.js | Crawlers are not able to follow v-for generated links
body: <p>I have a small site which uses Laravel and Vue.js for rendering a list. You can view it <a href="https://www.nemaso.de/vergleichen" rel="nofollow">here</a>. It looks like the Google crawler cannot follow the links generated by <code>v-for</code>.</p>
  
  <p>Google Search Console says: <code>Not found: vergleichen/%7B%7B%20anbieter.slug%20%7D%7D</code> and all onpage crawlers I know  are failing crawling the links.</p>
  
  <p>What am  I doing wrong? Is there a workaround? Any help is appreciated ♥</p>
  
  <p><strong>Update</strong></p>
  
  <p>@Linus: Your assumption is correct, <a href="http://pastebin.com/S285XRwc" rel="nofollow">this</a> is the content of my blade file and the JS looks like this:</p>
  
  <pre><code>var suche = new Vue({
     el: '#suchen',
     data: {
          search: ''
       }
  });
  </code></pre>
  
  <p>So I have to <a href="http://vuejs.org/guide/components.html" rel="nofollow">create a new component</a> in order to get this working?</p>
  
  <p><strong>Update</strong></p>
  
  <p>I switched to <a href="https://github.com/vdw/HideSeek" rel="nofollow">Hideseek</a>. Problem "solved".</p>