vue3 、Element新增公共组件或共用组件----Dialog 对话框组件

对于Vue 3和Element UI，Element UI是一个基于Vue.js的UI组件库，它提供了一系列的常用组件，包括对话框组件(Dialog)。

如果你想新增一个公共的对话框组件，可以按照以下步骤进行：

1. 创建一个新的Vue组件文件，命名为Dialog.vue（或其他你喜欢的名称）。
2. 在该组件文件中，编写对话框的模板、样式和逻辑。你可以使用Element UI提供的Dialog组件，也可以自定义样式和逻辑。
3. 在需要使用对话框的地方，通过引入该组件并在模板中使用它。

下面是一个简单的示例：

<template>
  <div>
    <el-button @click="openDialog">打开对话框</el-button>
    <el-dialog v-model="dialogVisible">
      <!-- 对话框内容 -->
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    openDialog() {
      this.dialogVisible = true;
    }
  }
};
</script>

<style scoped>
/* 样式 */
</style>

在上述示例中，我们创建了一个包含一个按钮和一个对话框的组件。点击按钮时，可以通过设置`dialogVisible`来控制对话框的显示和隐藏。

请根据你的需求进一步完善对话框组件的功能和样式。希望这个示例可以帮助到你！