208 - 树组件

[gracelinmumu]

// 你的答案

<script setup lang="ts">
interface TreeData {
  key: string
  title: string
  children: TreeData[]
}
defineProps<{data: TreeData[]}>()

</script>

<template>
<ul>
  <li :key="item.key" v-for="item in data" >
    <span>{{item.title}}</span>
    <TreeComponent :data="item.children" v-if="item.children && item.children.length"/>
  </li>
</ul>
</template>