el-menu-item-group 递归菜单

el-menu-item-group 是 Vue.js 中使用的一种组件，可以用来渲染一组递归菜单。

使用 el-menu-item-group 的方法如下：

1. 在 template 中添加 el-menu-item-group 组件，并为它指定一个标题，比如：

<template>
  <el-menu-item-group title="分类一">
  </el-menu-item-group>
</template>

2. 在 el-menu-item-group 中添加 el-menu-item 组件，表示菜单项：

<template>
  <el-menu-item-group title="分类一">
    <el-menu-item index="1">菜单一</el-menu-item>
    <el-menu-item index="2">菜单二</el-menu-item>
  </el-menu-item-group>
</template>

3. 可以在 el-menu-item-group 中再嵌套一个 el-menu-item-group，表示下级菜单：

<template>
  <el-menu-item-group title="分类一">
    <el-menu-item index="1">菜单一</el-menu-item>
    <el-menu-item-group title="子分类一">
      <el-menu-item index="2-1">子菜单一</el-menu-item>
      <el-menu-item index="2-2">子菜单二</el-menu-item>
    </el-menu-item-group>
  </el-menu-item-group>
</template>

这样，就可以渲染出一个递归菜单了。

注意，如果要使用 el-menu-item-group，需要在组件中引入 Element UI 的菜单组件。具体方法是：

1. 安装 Element UI：

npminstall element-ui

2. 在 main.js 中引入 Element UI 并安装：

``` import Vue from 'vue' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI