I tried to access this.$route on created() hook, but as I log it to the console it always returns an empty object

```
{path: '/', name: undefined, params: {…}, query: {…}, hash: '', …}
fullPath: "/"
hash: ""
matched: []
meta: {}
name: undefined
params: {}
path: "/"
query: {}
redirectedFrom: undefined
[[Prototype]]: Object

```

I guess it is because the loading is asynchronous? Then how can it locate the path from the beginning ??

I tried to do this and it worked. I wonder if anybody could explain what happens under the hood.

localhost:8080/?server=BlackHole

```
// index.js
  {
    path: '/network-error',
    name: 'NetworkError',
    component: NetworkError
  },
  {
    path: '/:server',
  },

```

```
// App.vue
created() {
     setTimeout(() => {
      // △ Request to unreachable server
      if (this.$route.query.server == 'BlackHole')  
        {this.$router.push({ name: 'NetworkError' })}}, 1)},

```

Thanks in advance :)