layout プロパティ

layouts ディレクトリの（第一階層の）ファイルはカスタムレイアウトになります。これらはページコンポーネントの layout プロパティで指定して利用できます。

• 型: String または Function（デフォルト: 'default'）

どのレイアウトを使うか指定するために、ページコンポーネントで layout キーを使ってください:

export default {
  layout: 'blog',
  // または
  layout (context) {
    return 'blog'
  }
}

この例では Nuxt.js は layouts/blog.vue ファイルをこのページコンポーネントのレイアウトとしてインクルードします。

動作する様子を デモ動画 で確認してみてください。

Nuxt.js でレイアウトがどのように動作するか理解するためにはlayoutドキュメント を参照してください。