vue实现递归组件

父组件

<loongDropDownBox :keyVal="keyVal" :menuData="menuData"></loongDropDownBox>

组件

<template>
  <ul style="width: 100%">
    <li v-for="(item,index) in menuData " :key="index">
      <p>{{item.name}}</p>
      <loongDropDownBox :keyVal="keyVal" :menuData="item.children"></loongDropDownBox>
    </li>
  </ul>
</template>