vue 监听页面刷新 并改变全局变量的值

在Vue中，可以使用`beforeDestroy`钩子函数来监听页面刷新，并在页面刷新时改变全局变量的值。

首先，在Vue实例中定义全局变量，并将其添加到Vue的原型上：

// 将全局变量添加到Vue的原型上
Vue.prototype.globalVariable = 'initial value';

然后，在Vue组件中使用`beforeDestroy`钩子函数来监听页面刷新：

beforeDestroy() {
  window.addEventListener('beforeunload', this.handlePageRefresh);
},

methods: {
  handlePageRefresh() {
    // 在页面刷新时执行的逻辑
    // 改变全局变量的值
    this.globalVariable = 'new value';
  }
}

在`beforeDestroy`钩子函数中，我们使用`window.addEventListener`来监听`beforeunload`事件，该事件在页面即将刷新时触发。然后，我们调用`handlePageRefresh`方法，在该方法中执行页面刷新时需要处理的逻辑，例如改变全局变量的值。

当页面刷新时，`beforeDestroy`钩子函数会被触发，从而执行`handlePageRefresh`方法，实现改变全局变量的值。

请注意，在页面刷新时，浏览器会弹出确认对话框以提示用户是否离开当前页面。用户可以选择留在当前页面或离开。如果用户选择留在当前页面，则不会触发`beforeunload`事件。