let app = new Vue({ el: '#app', data: { people: [{ name: 'MOKUO', age: 19 }, { name: 'Ein', age: 18 }, { name: 'FinalK', age: 19 }] }, components: { 'name-list': { props: ['person'], template: '<p>{{ person.name }} {{ person.age }}</p>' } } });
<div id="app"> <name-list v-for="person in people" :person="person"> </name-list> </div>