title: VUEX ROUTER nested children not rendering?
body: <p>I'm trying to get a child link from router to render so that the parent route stays active.</p>
  
  <p>Here's my router:</p>
  
  <pre class="lang-js prettyprint-override"><code>{
    path: '/portfolio',
    name: 'portfolio',
    component: () =&gt; import('./views/Portfolio.vue'),
    children: [
      {
        name: 'portfolioitems',
        path: '/portf/:id',
        component: () =&gt; import('./views/portf.vue')
      }
    ],
  }
  </code></pre>
  
  <p>And my link on items to get page:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;router-link :to="`/portfolio/portf/${items.id}`"&gt; item &lt;/router-link&gt;
  </code></pre>
  
  <p>The url does go to <code>/portfolio/portf/10</code> for example, but nothing renders on page.</p>
  
  <p>Thanks for any help!</p>