递归组件

参数格式

const opt1 = [
  {
    title: "aaaa",
    children: [
      {
        title: "b1111",
        children: [
          {  title:"cccc"  },
          {  title:'dddd'  }
        ],
      },
      {
        title: "b2222",
        children: [
          {  title:"cccc"  },
          {  title:'dddd'  }
        ],
      },
    ],
  },
];

<template>
    <div>
    <div class="tips" v-for="(item, index) in list" :key="index">
      <div class="description">
        {{ item.title }}
      </div>
      <Tips :list="item.children" />
    </div>
  </div>
</template>
<script>
export default {
  name: "Tips",
  props: {
    list: Array,
  },
};
</script>