title: Vue Router sub-routes not working as expected
body: <p>When trying to get sub-routes to work using <code>vue-router</code>, my sub-routes are rendering the parent route component and not the declared component for that sub-route. It seems that a component <strong>must</strong> be declared for a parent route, or no component will be displayed at all. For instance, if I declare my routes like this:</p>
  
  <pre><code>Router.map({
      '/login': {
          component: Login
      },
      '/stations': {
          subRoutes: {
              '/': {
                  component: Station
              },
              '/create': {
                  component: CreateStation
              }
          }
      },
  });
  </code></pre>
  
  <p>Nothing is displayed on any route. But if I declare my routes like this:</p>
  
  <pre><code>Router.map({
      '/login': {
          component: Login
      },
      '/stations': {
          component: Station,
          subRoutes: {
              '/create': {
                  component: CreateStation
              }
          }
      },
  });
  </code></pre>
  
  <p>My <code>stations/create</code> route displays the same component as the <code>stations</code> route. What gives?</p>