```
<body>
<div id='app'>
<grand></grand>
</div>
</body>
<script>
let uncle={
template:'<h4>叔叔</h4>'
};
let son={
template:'<h3>儿子<uncle></uncle></h3>',
components:{
uncle
}
};
let parent={
template:'<h2>这是一个父亲<son></son></h2>',
components:{son}
};
let grandP={
template:'<h1>爷爷<parent></parent></h1>',
components:{
parent
}
};
let vm = new Vue({
el: '#app',
data: {},
methods: {},
components:{
grand:grandP
}
})
/*
* 理论上 组件可以无限级调用
* */
</script>
```