用子组件的方式实现弹窗，如何实现在关闭弹窗后刷新页面数据

在关闭弹窗后，可以通过在父组件中监听子组件的事件来刷新页面数据。

首先，在子组件中定义一个事件，例如“close”，当弹窗关闭时触发这个事件：

this.$emit('close');

然后，在父组件中监听这个事件，并在事件处理函数中刷新页面数据：

<template>
  <div>
    <popup @close="refreshData"></popup>
  </div>
</template>

<script>
import Popup from './Popup.vue';

export default {
  components: {
    Popup
  },
  methods: {
    refreshData() {
      // 刷新页面数据的操作
    }
  }
}
</script>

这样，当弹窗关闭时，子组件就会触发“close”事件，父组件就会调用“refreshData”方法来刷新页面数据。