组件是可以在它们自己的模板中调用自身的。不过它们只能通过`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`)。
