【区分vue2和vue3下的element UI Drawer 抽屉组件，分别详细介绍属性，事件，方法如何使用，并举例】

在 Vue 2 中，Element UI 提供了 Drawer 抽屉组件，而在 Vue 3 中，相应的库是 Element Plus，它也提供了类似的 Drawer 组件。虽然它们的功能相似，但在属性、事件和方法的命名上可能会有所不同，以符合 Vue 3 的新特性和改进。

Vue 2 + Element UI Drawer

属性（Props）

• visible.sync 或 v-model: 控制抽屉是否显示，支持 .sync 修饰符或 v-model 双向绑定。
• title: 抽屉的标题。
• size: 抽屉的宽度或高度，当抽屉是垂直方向时。
• placement: 抽屉的放置位置，可以是 right、left、top、bottom。
• closable: 是否显示关闭按钮。
• destroy-on-close: 控制关闭抽屉时是否销毁 Drawer 中的子元素。
• modal: 是否显示遮罩层。
• modal-class: 遮罩层的自定义类名。
• lock-scroll: 是否锁定背景滚动。
• before-close: 关闭前的回调，执行且返回 false 时可阻止关闭。

事件

• open: Drawer 打开时触发。
<