title: Vue router - Multiple router-views and nested paths
body: <p><em>Disclaimer: I've searched many sites and tried out multiple things from documentation, but i'm just not getting it correctly. Please do not downvote just because of that, thanks.</em></p>
  
  <p>I'm making an app where i'd like to use multiple name <code>router-views</code> so that i can render some compontents into them. I was hoping to come to the point where i can define some components for named router-views in the parent route and add some more (or overwrite them) in children routes, f.e:</p>
  
  <pre><code>{
    path: '/'
    components: {
      content: componentA,
    },
    children: [
      {
        path: 'somePath',
        components: {
          toolbar: componentB
        }
      }
    ]
  }
  </code></pre>
  
  <p>Now in the <em>somePath</em>, only thing that's rendered would be <em>componentB</em> within toolbar <em>routerView</em>.</p>
  
  <p>My questions:</p>
  
  <ol>
  <li><p>Is it possible to somehow "extend" the components set from children routes?</p></li>
  <li><p>Am i correct, that the <code>router-views</code> can only be siblings? You can't nest them? Or is nesting router-views a way to achieve what i'm trying to do? Please provide some link if that's the case, couldn't find anything enough explanatory.</p></li>
  </ol>