vue watch 监听全局变量

在Vue中，你可以使用`$watch`来监听全局变量的变化。`$watch`是Vue实例的一个方法，可以用于观察Vue实例的变化。

首先，你需要在Vue实例中定义一个全局变量。你可以在Vue的`data`选项中声明一个全局变量，或者将其添加到Vue的原型上。

// 在Vue实例中定义全局变量
new Vue({
  data() {
    return {
      globalVariable: 'initial value'
    }
  },
  // 或者将全局变量添加到Vue的原型上
  created() {
    Vue.prototype.globalVariable = 'initial value';
  }
});

接下来，你可以使用`$watch`来监听全局变量的变化。在Vue组件中，你可以通过`this.$watch`来调用它。

// 在Vue组件中监听全局变量的变化
this.$watch(function () {
  return this.globalVariable;
}, function (newValue, oldValue) {
  // 当全局变量发生变化时执行的回调函数
  console.log('全局变量发生了变化：', newValue);
});

这样，当全局变量`globalVariable`发生变化时，回调函数将被触发，并且会打印出新的值。

请注意，如果你在多个组件中都需要监听同一个全局变量，建议将全局变量定义在Vue实例或Vue原型上，以便在各组件中共享。