How to get the v-for index in Vue.js?

Question

I have a Vue component like bellow:

... 

data(){
  items:          


        

Answer 1

Declare an index variable:

Demo:

new Vue({
  el: '#app',
  data: {
    items: [{name: 'a'}, {name: 'b'}]
  }
})

  

    {{ index }}: {{ item.name }}
  

Official docs section - Mapping an Array to Elements with v-for (emphasis mine):

Inside v-for blocks we have full access to parent scope properties. v-for also supports an optional second argument for the index of the current item.