<nuxt> コンポーネント

このコンポーネントは レイアウト 内でのみ、ページコンポーネントを表示するために使われます。

例（layouts/default.vue）:

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

実際の例を見たいときは レイアウトの例 を参照してください。

Props:

• nuxtChildKey：string
  • この prop は <router-view/> に設定され、動的なページと異なるルートの中で遷移させるのに便利です
  • デフォルト: $route.path

<router-view/> の key prop を操作する方法は3つあります。

1. nuxtChildKey prop

   <template>
     <div>
       <nuxt :nuxt-child-key="someKey"/>
     </div>
   </template>

2. 各ページコンポーネントの key オプション: string or function

   export default {
     key(route) {
       return route.fullPath
     }
   }

• name：string (Nuxt v2.4.0で導入されました)
  • この prop は <router-view/> に設定され、ページコンポーネントの名前付きビューをレンダリングするのに利用されます。
  • デフォルト: default

実際の例を見たいときは 名前付きビューの例 を参照してください。