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>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous ne pouvez fournir que l'option de nom du composant :
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 :