Ìm new to vue.js and I#m practicing routing right now. 
My router.js looks like this:

```
import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'

Vue.use(Router)

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
    },
    {
      path: '/myView',
      name: 'myView',
      component: () => import('./views/myView.vue')
    }
  ]
})

```

Now I thought the name option referred to the name I've given the "component".
For example, I tried out the following with "myView" view:

```
<template>
  <div>
    <myWorld placeholder="tester"/>
  </div>
</template>

<script>
import myWorld from '@/components/myWorld.vue'

export default {
  name: 'sklfdjns',
  components: {
    myWorld
  }
}
</script>

```

As you can see, the name is just gibberish. If the name option in the router really referenced this name in the component, Id expect it to fail. 
But it doesnt. Everything works just fine.

Then I tried out changing the name in the router option, but nothing changed as well. 

So what does this name option actually do?
Unfortunately, the official Documentation wasnt helpful for me either..
<https://router.vuejs.org/guide/essentials/named-routes.html>