Vue.js component - props

sampel code - pass data to child component

HTML

<script src="https://unpkg.com/vue@2.0.0/dist/vue.js"></script>
<div id="fruits-component">
  <ol>
    <fruits-list v-for="fruit in fruitsItems" :fruits-item="fruit"></fruits-list>
  </ol>
</div>

JavaScript

Vue.component('fruits-list', {
  props: ['fruitsItem'],
  template: '<li>{{fruitsItem.name}}</li>'
});

new Vue({
  el: '#fruits-component',
  data: {
    fruitsItems: [
      {name: '梨'},
      {name: 'イチゴ'}
    ]
  }
});