导航动态渲染时，不确定导航的数量和层级

项目中，导航个数和各个导航下边的自导航数量都是不确定的，封装组件时，需要用到递归组件 递归组件必须设置组件名

  <template>
    <Fragment>
      <template v-if="data.children&&data.children.length>0">
        <el-submenu :index="data.path">
          <template slot="title">{{data.name}}</template>
          <NavItem v-for="(item,index) in data.children" :key="index" :data="item"></NavItem>
        </el-submenu>
      </template>
      <template v-else>
        <el-menu-item :index="data.path">{{data.name}}</el-menu-item>
      </template>
    </Fragment>
  </template>