208 - 树组件

[cone41]

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

<template>
  <!-- do something.... -->
  <ul v-for="item in data" :key="item.key">
    <li>{{ item.title }}</li>

    <TreeComponent
      v-if="item.children && item.children.length"
      :data="item.children"
    />
  </ul>
</template>