title: How to show children view without router-view parent view in vuejs?
body: <p>I'm trying to show a child route view in another view and not inside the parent  route view,
  i have the next routes in an the module of vue-router:</p>
  
  <pre><code>const users = {
      path: '/users',
      name: 'users',
      component: Users,
      children: [
        { path: ':user', 
          name: 'user', 
          component: User,
          children: [
            { path: 'profile', name: 'profile', component: Profile },
            { path: 'events', name: 'events', component: Events }
          ]
        }
      ]
  }
  export default home
  </code></pre>
  
  <p>When entering the path /users/:user shows me the children view inside the parent view through the router-view</p>
  
  <pre><code>&lt;!-- users.vue --&gt;
  &lt;!-- path: /users --&gt;
  &lt;template&gt;
    &lt;div v-if="(user, index) in users" :key="index"&gt;
      &lt;router-link :to="`/users/${user.name}`"&gt;{{ user.name }}&lt;/router-link&gt;
    &lt;/div&gt;
    &lt;!-- Here shows the children view  --&gt;
    &lt;!-- path: /users/:user/ --&gt;
    &lt;router-view/&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>I need it to be shown directly in another independent view and not inside the parent view, 
  It would be something like this:</p>
  
  <pre><code>&lt;!-- users.vue --&gt;
  &lt;!-- path: /users --&gt;
  &lt;template&gt;
    &lt;div v-if="(user, index) in users" :key="index"&gt;
      &lt;router-link :to="`/users/${user.name}`"&gt;{{ user.name }}&lt;/router-link&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;!-- user.vue --&gt;
  &lt;!-- path: /users/:user --&gt;
  &lt;template&gt;
    &lt;h1&gt;{{ this.$route.params.name }}&lt;/h1&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>If you could help me, thank you
  regards</p>