el-dialog 字段

Element UI 的 `el-dialog` 是一个用于弹出对话框的组件，它允许开发者创建可定制的模态窗口来显示信息或者请求用户输入。以下是关于 `el-dialog` 的一些关键字段：

1. **title**: 对话框的标题，通常用来描述对话框的内容主题。

   <m-dialog title="提示">...</m-dialog>

2. **visible**: 控制对话框是否可见的属性，通常通过双向绑定 (`v-model`) 来同步状态。

   :visible.sync="dialogVisible"

这里 `.sync` 表示当组件的值改变时，父组件也会同步更新。

3. **width**: 对话框的宽度，默认是自适应屏幕大小，可以设置固定宽度。

   width="400px"

4. **append-to-body**: 如果设置为 `true`，则对话框会附加到页面的body元素上，而不是当前组件的DOM树中，这样更方便用户关闭。

5. **destroy-on-close**: 当对话框关闭时，如果设为 `true`，将会销毁这个对话框实例。

6. **slot**: 用于插入自定义内容的位置，如 `header`, `body`, 和 `footer`。

   <div slot="footer">
     <!-- footer 内容 -->
   </div>

使用 `m-dialog` 替换 `el-dialog` 是对 Element UI 组件进行了简单的二次封装，只需修改标签前缀即可。