如何实现 Vue 组件中，用户点击确认按钮后自动关闭弹出窗口的功能？

在 Vue.js 中，要实现用户点击确认按钮后自动关闭弹出窗口的功能，你可以通过以下几个步骤：

1. 首先，创建一个组件，并确保包含一个可以触发关闭操作的确认按钮。例如，你可以使用 `v-on` 指令绑定 `@click` 事件到按钮上：

<template>
  <div class="popup">
    <button @click="handleClose">确认</button>
    <!-- 弹出内容... -->
  </div>
</template>

<script>
export default {
  methods: {
    handleClose() {
      this.$emit('close'); // 触发自定义事件关闭弹窗
    }
  }
}
</script>

2. 然后，在父组件中，当需要显示这个弹出组件时，你可以传入一个 `ref` 属性并监听来自子组件的 `close` 事件：

<parent-component ref="popupComponent"></parent-component>
...
<script>
import ParentComponent from './ParentComponent.vue';

export default {
  components: {
    ParentComponent
  },
  mounted() {
    this.$refs.popupComponent.onClose = () => {
      this.$refs.popupComponent.$destroy(); // 销毁组件，关闭窗口
    };
  }
}
</script>

这里，`onClose` 函数会在子组件触发 `close` 事件时被调用，然后销毁子组件（实际上是移除 DOM 元素），达到关闭弹出窗口的效果。