在el-dialog中嵌入组件，为什么el-dialog关闭后，组件没有被销毁呢

在使用`el-dialog`组件嵌入组件时，需要注意以下几点：

1. 在嵌入组件之前，需要将组件的`visible`属性设置为`true`，确保组件已经被渲染。
2. 在`el-dialog`的`beforeClose`事件中，手动销毁嵌入的组件。

示例代码如下：

<template>
  <div>
    <el-dialog
      :visible.sync="dialogVisible"
      :before-close="beforeDialogClose">
      <my-component ref="myComponent" />
    </el-dialog>
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue'

export default {
  components: {
    MyComponent
  },
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    beforeDialogClose(done) {
      // 销毁嵌入的组件
      this.$refs.myComponent.$destroy()
      done()
    }
  },
  mounted() {
    // 显示对话框，确保组件已经被渲染
    this.dialogVisible = true
  }
}
</script>

在该示例代码中，我们在`el-dialog`组件的`beforeClose`事件中，手动销毁了嵌入的组件。这样做可以确保在`el-dialog`组件关闭后，嵌入的组件也被正确地销毁了。