How can I prevent the parent component from reloading?

Question

Vue.js

I have the following component structure in a simplified form:

<div class='main'>
    <router-view>
        <div class='child'>
            <router-view>

In the route I wrote this:

path: '/profile/:alias',
      component: Profile,
      children : [
        {path: '', component: mainProfile},
        {path: 'posts', component: postsProfile}
      ],

when I follow links, let's say from /profile/example to /profile/example/posts , the parent component is also reloaded. Can this be avoided somehow?

Answer 1

here, I think you will figure it out https://ru.vuejs.org/v2/guide/conditional.html#Control...