I declare variable in **main.js**:

```
data: {
  globalData: {}
}

```

I want to avoid using `this.$root.globalData` all the time — so I use local variable in a component as an alias to "global variable":

```
data() {
  return {
    localAlias: this.$root.globalData,
  }
}

```

Then I fetch global variable from a server in **main.js** (simulate by `setTimeout`):

```
create() {
  window.setTimeout(() => {
    this.globalData = {a:1, b:2};
  }, 1500);
}

```

And `localAlias` remains equal to initial value.

How to make it work? I don't need Vuex yet, I just grab data from server and use it read-only.

[Example](https://codesandbox.io/s/kww47l2j0o)