Child route component not rendering in vue js [duplicate]
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
https://router.vuejs.org/en/essentials/nested-routes.html
According to the doc, your child route will be render in your nested <router-view></router-view>. Check you have the correct setup.