Vue JS maintaining route when linking to nested routes
<p>If component <strong>A</strong> is my app and I have a route that maps to component <strong>B</strong>. Then Component <strong>B</strong> has a <strong>router-view</strong> in it that I'd like to be able to switch between component <strong>C</strong> and component <strong>D</strong>.</p>

<p>When I link to component <strong>C</strong> or <strong>D</strong> it works but it renders the whole route again, so <strong>B</strong> is rendered again and I am scrolled to the top.</p>

<p>What is the best way to approach this? Nested Apps? Or is there a way to link to a subroute with it keeping the part of the route that isn't changing intact and not completely refresh it. So ideally just part of the webpage renders and the route changes.</p>