[Vuejs]-Why isn't VueJS displaying my nested routes in the html?

1👍

So the problem you are facing is that you are not only nesting routes, you are nesting components. When a route has it’s own component plus children routes, there needs to be a <router-view> for the child(ren) to load into. This change to UserPosts will make it work for you:

const UserPosts = { template: '<div>Posts<router-view></router-view></div>' }

Leave a comment