vue创建全局变量并监听

要在Vue中创建全局变量，可以使用Vue.prototype，这样在所有组件中都可以访问它。下面是一个示例：

// main.js

import Vue from 'vue'

Vue.prototype.$globalVar = 'Hello World'

new Vue({
  el: '#app',
  render: h => h(App)
})

在上面的示例中，我们创建了一个全局变量 `$globalVar`，并将其设置为 `'Hello World'`。接下来，在所有组件中，我们都可以通过 `this.$globalVar` 访问该变量。

同时，我们可以使用Vue的`$watch`方法来监听全局变量的变化，如下所示：

// App.vue

export default {
  mounted() {
    this.$watch('$globalVar', newVal => {
      console.log('Global variable changed to:', newVal)
    })
  }
}

在上面的示例中，我们在 `mounted` 钩子中使用 `$watch` 方法来监听 `$globalVar` 变量的变化。每当 `$globalVar` 发生变化时，我们就会在控制台上看到一个输出。