比较Vue 2与Vue 3中Element UI Drawer抽屉组件的不同之处，并详细说明其属性、事件与方法的使用方式

在 Vue 2 中，Element UI 装备了 Drawer 抽屉组件；而到了 Vue 3 中，则是对应的库为 Element Plus，并且它也提供了类似的 Drawer 组件。尽管它们的功能大同小异，在属性、事件与方法的命名上可能会有所区别,以便适应 Vue 3 的新增特性与改进。

Vue 2 + Element UI Drawer

属性（Props）

• $v-model 或 .sync: 控制抽屉可见性并实现双向绑定功能。
  • title: 抽屉标题信息。
  • size: 抽屉宽度或高度设置（适用于垂直方向）。
  • placement: 抽屉放置位置选项（right/left/top/bottom）。
  • closable: 控制关闭按钮显示状态。
  • destroy-on-close: 当关闭抽屉时决定是否销毁其中子元素的功能。
  • modal: 决定遮罩层显示与否的开关。
  • modal-class: 遮罩层自定义类名设置选项。
  • lock-scroll: 决定背景滚动是否锁定的开关设置。
  • before-close: 关闭前执行回调函数（返回false可阻止关闭）。

事件

• open: The action is triggered