208 - 树组件

[mistacguy]

// 你的答案
<script setup lang="ts">
import {defineProps} from 'vue'
interface TreeData {
  key: string
  title: string
  children: TreeData[]
}
defineProps<{data: TreeData[]}>()
</script>

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

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