Nested Pages

In this example:

pages/parent.vue contains the <NuxtChild> component. Everything on this page will be seen on both the parent and child pages.

pages/parent/index.vue contains text that will be replaced when the child links are clicked.

pages/parent/child.vue and pages/parent/child2.vue will be rendered as parent/child and parent/child2.

Learn more in the Features book in the Nuxt Components chapter.

Loading CodeSandbox...