## 基础用法
```html
```
```html
```
## 侧边栏导航
Element
导航一
导航二
选项1
选项2
选项3
导航三
选项1
选项2
选项3
```html
Element
导航一
导航二
选项1
选项2
选项3
导航三
选项1
选项2
选项3
```
Element
导航一
导航二
选项1
选项2
选项3
导航三
选项1
选项2
选项3
导航四
选项1
选项2
选项3
导航五
选项1
选项2
选项3
```html
Element
导航一
导航二
选项1
选项2
选项3
导航三
选项1
选项2
选项3
导航四
选项1
选项2
选项3
导航五
选项1
选项2
选项3
```
## menu API
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------- |---------- |------------- |-------- |
| mode | 模式 | string | horizontal,vertical | horizontal |
| theme | 主题色 | string | light,dark | light |
| activeKey | 当前激活菜单的 key | string | | |
| openedKeys | 当前打开的submenu的 key 数组 | Array | | |
| uniqueOpend | 是否只保持一个子菜单的展开 | boolean | true, false | false |
| router | 是否使用 vue-router 的模式,启用该模式会在 select 事件触发时执行 this.$route.$router.go(key) 进行路由跳转 | boolean | true, false | false |
| select | 菜单激活回调 | function(key, keyPath) | | |
| open | SubMenu 展开的回调 | function(key, keyPath) | | |
| close | SubMenu 收起的回调 | function(key, keyPath) | | |
## submenu API
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------- |---------- |------------- |-------- |
| key | 唯一标志 | string | | |
## menu-item API
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------- |---------- |------------- |-------- |
| key | 唯一标志 | string | | |