layout プロパティ

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

  • タイプ: 文字列 または 関数(デフォルト: 'default'

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

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

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

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

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

間違いを見つけた、またはドキュメントに貢献したいですか? GitHub でこのページを編集する