208 - 树组件

[nsnans]

<script setup lang="ts">

interface TreeData {
  key: string
  title: string
  children: TreeData[]
}
const p = defineProps<{ data: TreeData[] }>()


</script>

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