v-for で配列に要素をマッピングする配列に基づいて、アイテムのリストを描画するために、v-for ディレクティブを使用することができます。v-for ディレクティブは item in items の形式で特別な構文を要求し、items はソースデータの配列で、item は配列要素がその上で反復されているエイリアスです: <ul id="example-1"> <li v-for="item in items" :key="item.message"> {{ item.message }} </li> </ul> var example1 = new Vue({ el: '#example-1', data: { items: [ { message: 'Foo' }, { message: 'Bar' } ] } }) 結果: {{item.message}} v-for ブロック内で
![リストレンダリング — Vue.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/7863be67ba36b26acd40294836d2e96e64243370/height=288;version=1;width=512/https%3A%2F%2Fjp.vuejs.org%2Fimages%2Flogo.png)