当前组件 forked 自 https://github.com/bajian/vue-drawer
drawer 设计是作为公用侧边栏使用，所以不支持直接在单页面里使用，而是配合 router-view 来使用。
<template>
<div>
<drawer
width="200px;"
:show.sync="drawerVisibility">
<div slot="drawer">
<!-- 菜单内容 -->
</div>
<!-- rourer-view 作为默认插槽内容 -->
<div>
<router-view></router-view>
</div>
</drawer>
</div>
</template>
源码请参考 App.vue
API
属性
| 名字 | 类型 | 默认值 | 说明 | 版本要求 |
| show | boolean | false | 是否展开，使用 :show.sync 绑定(vue@^2.3.3) | v2.4.0 |
| drawer-style | string | 菜单样式 | v2.4.0 | |
| show-mode | string | overlay | 展示方式，push(推开内容区域)或者 overlay(在内容上显示) | v2.4.0 |
| placement | string | left | 显示位置，可以为 left 或者 right | v2.4.0 |
插槽
| 名字 | 说明 | 版本要求 |
| 默认插槽 | 主体内容插槽 | v2.4.0 |
| drawer | 侧边栏内容插槽 | v2.4.0 |