vue3递归组件

<template>
  <div v-for="item in categoryList" :key="item.id">
    <div>{{ item.title }}</div>
    <DeepComponent :categoryList="item.children"> </DeepComponent>
  </div>
</template>
<script setup>
defineProps({
  categoryList: {
    type: Array
  }
});
</script>
<style scoped lang="scss">
div {
  margin-left: 20px;
}
</style>

注：文件名称要一样