vue如何在js文件定一个全局变量导出并在别的页面监听

在Vue中可以使用Vue.prototype来定义一个全局变量，然后在其他页面进行监听。

首先，在一个单独的.js文件中，定义一个全局变量。例如：

// global.js
import Vue from 'vue'

// 定义全局变量
Vue.prototype.$globalVar = '这是一个全局变量'

然后，在需要监听该全局变量的Vue组件中，可以通过this.$globalVar来获取全局变量的值，并对其进行监听。例如：

// Test.vue
<template>
  <div>{{ globalVar }}</div>
</template>

<script>
export default {
  data() {
    return {
      globalVar: this.$globalVar
    }
  },
  mounted() {
    // 监听全局变量的变化
    this.$watch('$globalVar', (newVal, oldVal) => {
      this.globalVar = newVal
    })
  }
}
</script>

这样，在其他需要使用全局变量的Vue组件中，只需要导入global.js文件，在组件中调用this.$globalVar来获取变量的值，并对其进行监听即可。

需要注意的是，在Vue组件中监听全局变量变化时，可以通过this.$watch来监听，当全局变量发生变化时，触发回调函数进行相应操作。