Vue.jsの親子関係

component.html

<div id='list'>
  <child v-for='item in items' :key='item.id' :child='item'></child>
</div>

<script>
Vue.component('child', {
    props: ['child'],
    template: '<li>{{ child.name }}</li>'
})

app = new Vue({
    el: '#list',
    data: {
        items: [
            { name: 'item1'},
            { name: 'item2'},
            { name: 'item3'},
        ]
    }
})

</script>