详细说明vue2和vue3下element UI Dialog组件中对话框属性、事件和方法的使用方式，并举例说明

在Vue 2及Vue 3中，Element UI（专为Vue 2设计）与Element Plus（专为Vue 3设计）均提供了名为Dialog的组件。这些库中的Dialog组件在属性、事件及方法的应用上具有相似之处，并且也存在一些差异。下面将分别介绍Vue 2下的Element UI Dialog组件与Vue 3下的Element Plus Dialog组件的操作方式。

Vue 2 + Element UI Dialog 组件

属性（Props）

• visible.sync 或 v-model：决定对话框的可见性，并通过 .sync 标记符或双向绑定实现。
• title：指定对话框标题名称。
• width：设定对话框的宽度大小。
• fullscreen：配置全屏模式设置。
• top：设定对话框与页面顶部的距离参数。
• modal：启用或禁用遮罩层功能。
• modal-append-to-body：指明遮罩层插入至 body 元素还是 Dialog 父元素，默认为后者。
• lock-scroll：启用或禁用在显示对话框时滚动锁定功能。
• custom-class：指定用于 CSS 配置的自定义类名称。
• close-on-click-modal：配置点击遮罩层后是否关闭对话框。
• `clo