Vue.js 3中的單一檔案元件中的遞歸

Question

如何在Vue3中使用遞歸元件？

在 Vue 3 中像普通元件一樣使用遞歸元件會導致錯誤 初始化前無法存取

#

Tree.vue：

<template>
  <Tree v-if="hasChildren" />
</template>

<script lang="ts">
import Tree from './Tree.vue';

export default defineComponent({
  components: {
    Tree
  },

  setup() {

    const hasChildren = someExitRecursionCondition();

    return {
      hasChildren
    }
  }
</script>

#

Answer 1

您可以僅提供元件名稱選項：

sssccc

Answer 2

文件:

元件可以透過其檔案名稱匯入，但無需在 components 設定物件中列出。不過，在模板中使用命名組件就足夠了，無需導入它。

Tree.vue：

sssccc