如何在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>
您可以僅提供元件名稱選項：
文件:
元件可以透過其檔案名稱匯入，但無需在
components設定物件中列出。不過，在模板中使用命名組件就足夠了，無需導入它。Tree.vue：