title: Can't see named routes
body: <p>I'm sure i'm doing something stupid, but i just can't get this to work.
  I defined routes in a separate js file, imported that into a newly created router, that i mounted in vue.
  In the vue devtools i do see my named routes, but where the RouterView is in the vue devtools, the html shows </p>
  
  <p>Routes.js:</p>
  
  <pre><code>import Home from '@/Views/Home.vue';
  import NewProefwerk from '@/Views/NewProefwerk.vue';
  
  const routes = [
      {
          path: '/',
          name: 'home',
          Component: Home
      },
      {
          path: '/Nieuw',
          name: 'new',
          Component: NewProefwerk
      }
  ];
  
  export default routes;
  </code></pre>
  
  <p>main.js:</p>
  
  <pre><code>import VueRouter from 'vue-router';
  import routes from '@/Routes'
  Vue.use(VueRouter);
  
  const router = new VueRouter({
      mode: 'history',
      base: '/',
      routes
  })
  
  new Vue({
      router,
      render: h =&gt; h(App)
  }).$mount('#app');
  </code></pre>
  
  <p>App.vue:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div id="app"&gt;
          &lt;Navigation&gt;&lt;/Navigation&gt;
          &lt;router-view&gt;&lt;/router-view&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      import Navigation from '@/components/Navigation.vue';
  
      export default {
          name: 'app',
          components: {
              Navigation
          }
      };
  &lt;/script&gt;
  </code></pre>