[解決済み] Vue.jsでv-forのインデックスを取得する方法は？

質問

以下のようなVueコンポーネントがあります。

<div v-for="item in items" :key="there I want get the for-loop index"  >

</div>

... 

data(){
  items: [{name:'a'}, {name:'b'}...]
}

vue.jsでfor-loopを実行したときにindexを取得するにはどうしたらよいですか？

どのように解決するのですか？

を宣言します。 index 変数を宣言します。

<div v-for="(item, index) in items" :key="item.name">

</div>

デモです。

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

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <div v-for="(item, index) in items" :key="item.name">
    {{ index }}: {{ item.name }}
  </div>
</div>

公式ドキュメントのセクション による配列と要素の対応付け v-for (である（強調）。

内側 v-for ブロックの中では、親スコープのプロパティに完全にアクセスすることができます。 v-for はまた をサポートします。 をサポートします。