vue关闭页面调用函数

在Vue中关闭页面时可以通过以下两种方式调用函数：

1. 在Vue实例中使用beforeDestroy钩子函数

在Vue实例中定义beforeDestroy钩子函数，该函数会在实例销毁之前调用。在该函数中可以调用需要执行的函数。

例如：

export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  beforeDestroy() {
    // 在页面关闭前调用函数
    this.doSomething()
  },
  methods: {
    doSomething() {
      console.log('do something')
    }
  }
}

2. 在window对象中使用unload事件

在window对象中定义unload事件，该事件会在窗口或标签页关闭之前调用。在事件处理函数中可以调用需要执行的函数。

例如：

window.addEventListener('unload', function() {
  // 在页面关闭前调用函数
  doSomething()
})

function doSomething() {
  console.log('do something')
}

注意：使用unload事件需要注意兼容性问题，不同浏览器对unload事件的支持有所不同。建议使用beforeDestroy钩子函数。