A solution to use debugger in v-for for VueJS

vue.debug.js

<ul id="pages-block">
  <li v-for="page in pages">
    <a v-bind:href="page.url">{{page.name}}</a>
    <debug :item="page"/>
  </li>
</ul>

...

Vue.component('debug', {
  template: "<!-- debug -->",
  props: [
    "item"
  ],
  created: function() {
    console.log("debug", this.item.name);
    debugger
  }
});

Starting with vue, gist 2 yo and... it works like a charm! Thanks for share