## Menu

菜单栏配置

### Menu props

属性 | 说明 | 类型 | 可选值 | 默认值
--- | --- | --- | --- | ---
value/v-model | 菜单当前激活的item | String / Number | - | -
router | 是否使用 vue-router 的模式，启用该模式会在激活导航时以MenuItem的value作为path进行路由跳转 | Boolean | - | -
collapsed | 是否缩起模式 | Boolean | - | false

### Menu Events
事件名称 | 说明 | 回调参数
--- | --- | ---
on-change | 激活菜单后的事件 | value


#### menuItemGroup props

属性 | 说明 | 类型 | 可选值 | 默认值
--- | --- | --- | --- | ---
label | 分组的标题 | String | - | -
open | 默认是否展开 | Boolean | - | true
rules | 菜单匹配规则，当展示的页面没有在该分组有菜单时，既要识别出属于该分组，需要自己写正则匹配 | RegExp | - | -

### menuItemGroup Events
事件名称 | 说明 | 回调参数
--- | --- | ---
on-open | 当前分组展开后 | -
on-close | 当前分组关闭后 | -


#### subMenu props

属性 | 说明 | 类型 | 可选值 | 默认值
--- | --- | --- | --- | ---
value | 该父级菜单激活后的唯一标示, router模式下为当前菜单对应的路由地址 | String / Number | - | -
label | 菜单显示名称 | String | - | -
icon | 菜单展示的icon | String | - | -



#### menuItem props
属性 | 说明 | 类型 | 可选值 | 默认值
--- | --- | --- | --- | ---
value | 菜单被激活后的唯一标示, router模式下为当前菜单对应的路由地址 | String / Number | - | -
label | 菜单显示名称 | String | - | -
icon | 菜单展示的icon | String | - | -
replace | router模式下通过replace跳转路由 | Boolean | - | false

#### menuItem events
事件名称 | 说明 | 回调参数
--- | --- | ---
click | 点击当前菜单事件 | value

#### menuItem slot
name | 说明 
--- | --- 
default | 自定义内容
icon | 自定义图标