Vue监听页面刷新和关闭功能

beforeDestroy() { console.log('销毁组件'）
 this.finalCart()},

methods: {
 beforeunloadFn(e) {
  console.log('刷新或关闭')
  // ...
 }
}

created() {
 window.addEventListener('beforeunload', e => this.beforeunloadFn(e))
}

destroyed() {
 window.removeEventListener('beforeunload', e => this.beforeunloadFn(e))
}

created() {
 this.initCart()
 window.addEventListener('beforeunload', this.updateHandler)
},
beforeDestroy() {
 this.finalCart() // 提交购物车的异步操作},
destroyed() {
 window.removeEventListener('beforeunload', this.updateHandler)},
methods: {
 updateHandler() {
  this.finalCart()
 },
 finalCart() {
  // ...
 }
}