fruit.html

<div id="fruits">
  <my-fruit v-for="fruit in fruits" :fruit-name="fruit"></my-fruit>
</div>

<script>
  var component = new Vue({
    el: '#fruits',
    data: {
      fruits: ['Apple', 'Banana', 'Mango']
    }
  });
</script>