組件是可以在它們自己的模板中調用自身的。不過它們只能通過`name`選項來做這件事:
~~~
name: 'unique-name-of-my-component'
~~~
當你使用`Vue.component`全局注冊一個組件時,這個全局的 ID 會自動設置為該組件的`name`選項。
~~~
Vue.component('unique-name-of-my-component', {
// ...
})
~~~
稍有不慎,遞歸組件就可能導致無限循環:
~~~
name: 'stack-overflow',
template: '<div><stack-overflow></stack-overflow></div>'
~~~
類似上述的組件將會導致“max stack size exceeded”錯誤,所以請確保遞歸調用是條件性的 (例如使用一個最終會得到`false`的`v-if`)。