Vue父子组件

父子组件：

<div id="box">
       <aaa></aaa>
</div>

<template id="aaa">
       <h1>我是父组件</h1>
        <bbb></bbb>
</template>

<template id="bbb">
        <h2>我是子组件</h2>
</template>

</body>
<script>
    new Vue({
       el:"#box",
        components:{
     aaa:{
                   template:"#aaa",
               components:{
                               bbb:{
                                      template:"#bbb"
                                       }
                                    }            
               }
        }
    })