Vue.js components option

HTML

<script src="https://unpkg.com/vue@2.0.0/dist/vue.js"></script>
<div id="fruits-list">
  <fruits-list-child></fruits-list-child>
  <fruits-list-parent></fruits-list-parent>
</div>

JavaScript

var fruitsListChild = Vue.extend({
  template: '<h1>フルーツ一覧</h1>'
})

var fruitsListParent = Vue.extend({
  template: '<div style="background:white; margin:3px;">親コンポーネント<fruits-list-child></fruits-list-child></div>',
  components: {
    'fruits-list-child': fruitsListChild
  }
})

new Vue({
	el: "#fruits-list",
  components: {
  	'fruits-list-parent': fruitsListParent
  }
})