vue递归组件

最新推荐文章于 2024-10-29 15:07:37 发布

FourteenSeptember

最新推荐文章于 2024-10-29 15:07:37 发布

阅读量160

点赞数 3

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/wozouludaifeng/article/details/137879980

版权

文章介绍了如何在Vue应用中使用`<template>`和`<script>`构建一个树形组件，通过递归展示层级结构，接收并渲染`treeData`属性中的数据。

摘要由CSDN通过智能技术生成

<template>
  <div>
    <div v-for="item in treeData" :key="item.id">
      {{ item.name }}
      <div v-if="item.children && item.children.length > 0">
        <TreeComponent :treeData="item.children" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'TreeComponent',
  props: {
    treeData: {
      type: Array,
      required: true
    }
  }
}
</script>