vue抽屉样式是在网页开发中常用的样式之一，它可以让我们轻松地展示和隐藏内容，使网页布局更加灵活。下面，我们详细介绍一下vue抽屉样式的使用。

在vue中，我们可以使用element-ui库中的el-drawer组件来实现抽屉效果。首先，我们需要在vue项目中引入element-ui：

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

接着，在我们需要使用抽屉样式的组件中添加el-drawer组件：

<el-drawer
  :visible.sync="drawerVisible"
  :size="size"
  :direction="direction"
  :before-close="beforeClose"
>
  <!-- 抽屉内容 -->
</el-drawer>

上面代码中，我们可以设置抽屉的可见性、大小、方向和关闭前的回调函数。抽屉中的内容可以放在组件中的插槽中，例如：

<el-drawer
  :visible.sync="drawerVisible"
>
  <template #title>
    <h3>抽屉标题</h3>
  </template>
  抽屉内容
</el-drawer>

以上就是vue抽屉样式的简单使用方法。当然，我们也可以根据实际需求自定义抽屉样式，例如修改抽屉背景颜色、关闭按钮样式等等，具体可以通过element-ui文档进行参考。