vue 怎么定义数组将弹窗信息一一推进去，监听数组变化就取出一个显示，关闭后从数组删除

可以使用 Vue 中的数组方法来操作数组，同时使用 v-for 指令渲染数组中的元素，在弹窗关闭时从数组中删除元素。具体实现可以参考以下代码：

在 data 中定义数组 messageList：

data() {
  return {
    messageList: []
  }
}

在弹窗中提交信息时，将信息推进 messageList 数组中：

methods: {
  submitMessage(message) {
    this.messageList.push(message);
  }
}

在模板中使用 v-for 渲染 messageList 数组中的元素，同时绑定一个事件监听弹窗关闭时删除对应的元素：

<template>
  <div>
    <div v-for="(message, index) in messageList" :key="index">
      <p>{{ message }}</p>
      <button @click="removeMessage(index)">删除</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      messageList: []
    }
  },
  methods: {
    submitMessage(message) {
      this.messageList.push(message);
    },
    removeMessage(index) {
      this.messageList.splice(index, 1);
    }
  }
}
</script>

这样，当弹窗关闭时，就可以从 messageList 数组中删除对应的元素，同时在模板中重新渲染数组中的元素。