使用 Vue 类样式组件的递归组件答案

【问题标题】：Recursive component using Vue class-style components使用 Vue 类样式组件的递归组件
【发布时间】：2020-08-10 22:36:09
【问题描述】：

我正在使用带有 vue-property-decorator 插件的类样式组件。我怎样才能拥有一个递归组件并在其自身中使用组件。我的代码如下：

<template>
<ul>
    <li>
        <div>
            {{nodeData.someData}}
        </div>
    </li>
    <li>
        <TreeNode
        v-for="item in nodeData.children"
        :key="item.id"
        ></TreeNode>
    </li>
</ul>
</template>

<script lang="ts">

import {Vue, Prop, Component, Watch} from 'vue-property-decorator';

@Component({
//error :'TreeNode' was used before it was defined.
   components:{TreeNode}
})
export default class TreeNode extends Vue {

   @Prop() nodeData?: myType;

}

</script>

在组件选项中使用 TreeNode 会导致错误：在定义之前使用了“TreeNode”。我该如何解决？或者有什么替代方法？

【问题讨论】：

标签： typescript vue.js

【解决方案1】：

没有必要：

components:{TreeNode}

只要删除它，一切都会好起来的！

【讨论】：