vue调用另一个页面的变量

如果你要在一个页面中使用另一个页面的变量，可以通过使用 Vue.js 中的事件总线来实现。具体的步骤如下：

1. 在你要访问的页面中，定义一个事件总线：

import Vue from 'vue'
export const EventBus = new Vue()

2. 在另一个页面中，将需要共享的数据存储到一个变量中，并在该页面的生命周期方法 `created()` 中使用 `EventBus.$emit()` 方法将数据发送到事件总线中：

import { EventBus } from '@/path/to/event-bus.js'
export default {
  data() {
    return {
      sharedData: 'Hello World!'
    }
  },
  created() {
    EventBus.$emit('shared-data', this.sharedData)
  }
}

3. 在你要访问的页面中，使用 `EventBus.$on()` 方法监听事件总线上的事件，并在回调函数中更新你的数据：

import { EventBus } from '@/path/to/event-bus.js'
export default {
  data() {
    return {
      sharedData: ''
    }
  },
  created() {
    EventBus.$on('shared-data', (data) => {
      this.sharedData = data
    })
  }
}

注意，事件总线只能在同一实例中使用。如果你需要多个实例之间共享数据，请使用 Vuex 状态管理模式。