Récursion dans les composants de fichier unique dans Vue.js 3

Question

Comment utiliser les composants récursifs dans Vue3 ?

L'utilisation de composants récursifs comme des composants normaux dans Vue 3 entraîne des erreurs 初始化前无法访问

Arbre.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

Vous ne pouvez fournir que l'option de nom du composant :

sssccc

Answer 2

Documentation :

Les composants peuvent être importés par leur nom de fichier, mais n'ont pas besoin d'être répertoriés dans l'objet de paramètres components. Cependant, il suffit d'utiliser le composant nommé dans le modèle sans l'importer.

Arbre.vue :

sssccc