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.

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