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>