vue中窗口关闭后触发事件

在Vue中，窗口关闭后触发事件可以通过两种方式实现。

第一种方式是通过Vue的生命周期钩子函数来实现。在组件销毁前，可以注册一个window的unload事件，并在事件中触发需要执行的操作。

例如：

export default {
  created() {
    window.addEventListener('unload', this.handleWindowUnload);
  },
  destroyed() {
    window.removeEventListener('unload', this.handleWindowUnload);
  },
  methods: {
    handleWindowUnload() {
      // 窗口关闭后需要执行的操作
    },
  },
};

第二种方式是通过Vue插件来实现。可以定义一个插件，在插件中注册一个window的unload事件，并在事件中触发需要执行的操作。然后在Vue实例中引入该插件即可。

例如：

// 定义插件
export const WindowUnloadPlugin = {
  install(Vue) {
    Vue.prototype.$windowUnload = function(callback) {
      window.addEventListener('unload', callback);
    };
    Vue.prototype.$removeWindowUnload = function(callback) {
      window.removeEventListener('unload', callback);
    };
  },
};

// 在Vue实例中引入插件
import { WindowUnloadPlugin } from './plugins';

Vue.use(WindowUnloadPlugin);

// 在组件中使用插件
export default {
  created() {
    this.$windowUnload(this.handleWindowUnload);
  },
  destroyed() {
    this.$removeWindowUnload(this.handleWindowUnload);
  },
  methods: {
    handleWindowUnload() {
      // 窗口关闭后需要执行的操作
    },
  },
};

以上两种方式均可实现在Vue中窗口关闭后触发事件，开发者可以根据自己的需求选择合适的方式。