Vue.js ｖ-forでインデックス（カウンタ）を付けるサンプル（v-for�でindex） | クルーデザイン

Vue.jsも少しずつ勉強していこうと思います。 そのままでも便利なv-forですが、何回目のループかを知りたい場合があります。 その場合もv-forだけで対応可能です。具体的にはv-forで展開されたオブジェクト配列を受け取る時に追加してインデックス（カウンタ）を受け取ることができます。 百聞は一見に如かず。 サンプルを作ったので、良ければ見ていってくださいね。 スクリプト（Vue.js ｖ-forでインデックス（カウンタ）を付けるサンプル） var app = new Vue({ el: '#app', data: { items: [ { name : "商品01", price: "¥100"}, { name : "商品02", price: "¥200"}, { name : "商品03", price: "¥300"}, { name : "商品04", price: "¥4