您正在浏览 Nuxt 2 文档。前往 Nuxt 3 文档, 或了解更多关于 Nuxt 2 长期支持

嵌套页面

展示如何使用 Nuxt Child 组件创建父页面和子页面


本示例中:

pages/parent.vue 包含 <NuxtChild> 组件,该页面的内容在父页面和子页面中都可以看到。

pages/parent/index.vue 包含点击子链接时会被替换的文本。

pages/parent/child.vuepages/parent/child2.vue 分别渲染为 parent/child 和 parent/child2。

Loading Sandbox...
Edit this page on GitHub Updated at Tue, Apr 14, 2026