el-menu-item-group 递归菜单

el-menu-item-group 是在 Vue.js 的组件库 Element UI 中的一个组件，它可以用来实现递归菜单。

使用方法如下：

1. 在菜单数据中，每一个有子菜单的菜单项都应该包含一个 children 属性，用来保存子菜单的数据。

2. 在 el-menu-item-group 组件中使用 v-for 指令来循环渲染菜单数据中的每一个菜单项。

3. 在循环的过程中，对于有子菜单的菜单项，应该再次使用 el-menu-item-group 组件来渲染它的子菜单。

例如，下面是一个简单的递归菜单的代码示例：

<template>
  <el-menu>
    <template v-for="item in menuList">
      <el-menu-item v-if="!item.children" :key="item.id" :index="item.path">{{ item.name }}</el-menu-item>
      <el-menu-item-group v-else :key="item.id" :title="item.name">
        <template v-for="subItem in item.children">
          <el-menu-item v-if="!subItem.children" :key="subItem.id" :index="subItem.path">{{ subItem.name }}</el-menu-item>
          <el-menu-item-group v-else :key="subItem.id" :title="subItem.name">
            <!-- 继续递归 -->
          </el-menu-item-group>
        </template>
      </el-menu-item-group>
    </template>
  </el-menu>
</template>

<script>
export default {
  data() {
    return {
      menuList: [
        {
          id: 1,
          name: '菜单一',
          path: '/menu1',
          children: [
            {
              id: 11,
              name: '子菜单一',
              path: '/menu1/submenu1'
            },
            {
              id: 12,
              name: '子菜单二',
              path: '/menu1/submenu2'
            }
          ]
        },
        {
          id