Typescript 递归组件仅在该组件外部工作

我的递归组件本身并没有嵌套，这是一个问题

我正在遍历

元素
的
Childs
的
索引
，并在将它们映射到所需对象后显示它们-该部分工作正常，因为
根
插入到其他组件的
递归
组件中，
但当我尝试在
Recursive
组件中使用
Recursive
组件时，它就不工作了，控制台上也没有错误

但DOM中有类似的东西：

<div>
    <!--function(t,n,r,i){return et(e,t,n,r,i,!0)}-->
</div>
<div>
    <!--function(t,n,r,i){return et(e,t,n,r,i,!0)}-->
</div>

任何人都知道什么是错误的吗？
递归组件需要一个
名称
属性


组件可以在自己的模板中递归调用自己。但是，他们只能使用“名称”选项执行此操作：

name:“我的组件的唯一名称”

递归组件需要一个
名称
属性


组件可以在自己的模板中递归调用自己。但是，他们只能使用“名称”选项执行此操作：

name:“我的组件的唯一名称”

递归组件需要一个名称-@Estradiaz请写下它作为答案，这样我就可以接受了！谢谢递归组件需要一个名称-@Estradiaz请写下它作为答案，这样我就可以接受了！谢谢
<template>
   <div>
       {{element.Id}}
        <div v-for="child in element.Childs.map(x => document[x])">
            Child: [{{child}}] <-- shows fine
            <Recursive :element="child"/>
        </div>
    </div>
</template>

<script src="./recursive.ts"></script>

import Vue from "vue";
import { Component } from 'vue-property-decorator';
import { mapState } from 'vuex';

@Component({
    props: ['element'],

    computed: {
        ...mapState(['document']),
    },

    components: {
        Recursive: require('./recursive.vue.html')
    }
})
export default class RecursiveComponent extends Vue {
}