el-menu-item-group 递归渲染

el-menu-item-group 是 Element UI 中的一个组件，它可以用来渲染一个可以包含子项的菜单项组。

如果你想要递归渲染 el-menu-item-group，你可以在组件的 template 中使用 v-for 指令来遍历数据源中的每一个菜单项，并且在每个菜单项中再包含一个 el-menu-item-group 组件，然后递归地对该组件进行渲染。

例如，如果你有一个菜单数据源如下：

const menuData = [
  {
    name: '一级菜单 1',
    children: [
      {
        name: '二级菜单 1-1',
        children: [
          { name: '三级菜单 1-1-1' },
          { name: '三级菜单 1-1-2' },
        ]
      },
      {
        name: '二级菜单 1-2',
        children: [
          { name: '三级菜单 1-2-1' },
          { name: '三级菜单 1-2-2' },
        ]
      },
    ]
  },
  {
    name: '一级菜单 2',
    children: [
      {
        name: '二级菜单 2-1',
        children: [
          { name: '三级菜单 2-1-1' },
          { name: '三级菜单 2-1-2' },
        ]
      },
      {
        name: '二级菜单 2-2',
        children: [
          { name: '三级菜单 2-2-1' },
          { name: '三级菜单 2-2-2' },
        ]
      },
    ]
  },
];

你可以这样来递归渲染 el-menu-item-group：

<template>
  <el-menu-item-group v-for="item in menuData" :key="item.name">
    <template slot="title">{{ item.name }}</template>
    <el-menu-item-group v-if="item.children" v-