相关疑难解决方法(0)

我对VueJS相对较新,而且我不知道如何在全球范围内提供一些数据.我想保存API端点,用户数据和从API检索到的某些其他数据的数据,其中每个组件都可以获取此数据.
我知道我可以用vanilla Javascript来保存它,但我想有一种方法可以用VueJS来做到这一点.我或许可以使用事件总线系统来获取数据,但我不知道如何根据我的需要实现这个系统.

如果有人可以帮助我,我将不胜感激.

我有一个移动Web视图，其中注入了一些全局配置对象：

Vue.prototype.$configServer = {
  MODE: "DEBUG",
  isMobile: false,
  injected: false,
  version: -1,
  title:"App",
  user: null,
  host: "http://127.0.0.1:8080"
}

后来，WebView将其注入：

Vue.prototype.$configServer = {
  MODE: "DEBUG",
  title: "App",
  version: "2.0",
  isMobile: true,
  injected: true,
  host: "http://127.0.0.1:8081"
}

并尝试将其用于组件：

const HomePage = {
  key: 'HomePage',
  template: '#HomePage',
  components: { toolbar },
  data() {
    return {
      items: [
        {name:"Login", link:"login"},
      ]
    }
  },
  computed:{
    config() {
      return Vue.prototype.$configServer
    }
  },
};

但是，该页面未更新。如何应对变化？

PD：我确认使用Safari调试工具更新了对象。还要在本地html中测试。