You are browsing Nuxt 2 docs. Go to Nuxt 3 docs, or learn more about Nuxt 2 Long Term Support.

Translated page Contents of this page might be outdated.
Read the original page Improve translation of this page

Páginas Encaixadas

Como utilizar o componente NuxtChild para criar páginas primarias (pai) e secundárias (filho).

Neste exemplo:

  • O pages/parent.vue contém o componente <NuxtChild>. Tudo neste página será visto em ambas as páginas primarias (pai) e secundárias (filho).
  • O pages/parent/index.vue contém o texto que será substituído sempre o que as hiperligações secundárias (do filho) forem clicadas.
  • O pages/parent/child.vue e o pages/parent/child2.vue serão desenhados como parent/child e parent/child2.
Loading Sandbox...