Child route component not rendering in vue js

When using nested routes, the child component is dependent on the parent component. To render the child component while visiting the child path you must call

<router-view></router-view> inside the parent component too.

If your path is independent, do not make it as a child. If you register the child route keep putting <router-view></router-view> on the parent component (on any nested level).

If you start nested route with / it will be treated as root path. Read more