The <nuxt> Component

This component is used only in layouts to display the page components.

Props:

  • nuxtChildKey: string
    • This prop will be set to <router-view/>, useful to make transitions inside a dynamic page and different route.
    • Default: $route.fullPath

Example (layouts/default.vue):

<template>
  <div>
    <div>My nav bar</div>
    <nuxt/>
    <div>My footer</div>
  </div>
</template>

To see an example, take a look at the layouts example.

  • name: string (_introduced with Nuxt v2.4.0_)
    • This prop will be set to <router-view/>, used to render named-view of page component.
    • Default: default

To see an example, take a look at the named-views example.

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!