vue项目中如何监听新打开的窗口关闭事件

可以使用 `window.onbeforeunload` 事件来监听窗口关闭事件。该事件会在窗口即将关闭时触发，可以在此时执行一些操作，比如保存未提交的数据、清理资源等。

在 Vue 项目中，可以在组件的 `mounted` 钩子函数中绑定该事件。例如：

<template>
  <div>
    <button @click="openNewWindow">打开新窗口</button>
  </div>
</template>

<script>
export default {
  methods: {
    openNewWindow() {
      const newWindow = window.open('https://www.example.com')
      newWindow.addEventListener('beforeunload', this.handleWindowClose)
    },
    handleWindowClose() {
      // 处理窗口关闭事件
      console.log('新窗口关闭了')
    }
  }
}
</script>

在打开新窗口时，绑定 `beforeunload` 事件，并指定回调函数 `handleWindowClose`。当新窗口关闭时，会触发该事件并执行回调函数。