htmlで
<ul id="example-2"> <li v-for="(item, index) in items"> {{ parentMessage }} - {{ index }} - {{ item.message }} </li> </ul>
jsは
var example2 = new Vue({ el: '#example-2', data: { parentMessage: 'Parent', items: [ { message: 'Foo' }, { message: 'Bar' } ] } })
これだと「Elements in iteration expect to have 'v-bind:key' directives.」のエラー。 まぁ動きますが、
<li v-for="(item, index) in items" :key="index">
って追加した