NUXTJS

  • Docs
  • Examples
  • Resources
  • Blog
  • Video Courses new
Get Started
Concepts
Features
Directory Structure
Configuration Glossary
Internals Glossary

Components Glossary

  • The Fetch Hook
  • The head Method
  • The key Property
  • The layout Property
  • The loading Property
  • The middleware Property
  • The page `transition` Property
  • The scrollToTop Property
  • The validate Method
  • The watchQuery Property
Deployment
Get Started
Concepts
Features
Directory Structure
Configuration Glossary
Internals Glossary

Components Glossary

  • Fetch Hook
  • Head Method
  • Key Property
  • Layout Property
  • Loading Property
  • Middleware Property
  • Transition Property
  • scrollToTop Property
  • Validate Method
  • WatchQuery Property
Deployment

Version 2.15.2

The layout Property

Every file (first level) in the layouts directory will create a custom layout accessible with the layout property in the page component.

  • Type: String or Function (default: 'default')

Use the layout key in your pages components to define which layout to use:

export default {
  layout: 'blog',
  // OR
  layout(context) {
    return 'blog'
  }
}
Key Property Loading Property

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

Platinum Sponsors

StoryblokMoovwebShip Shape Support Us

NuxtJS Newsletter

Get the latest Nuxt news to your inbox, curated by the NuxtJS team.

Discover

  • Our team
  • Design kit
  • Contact us

Help

  • Resources
  • Chat with us
  • Contribution guide

Support

  • Our Goodies Store
  • Sponsoring & donations
  • Training & consultancy
Deploys by Netlify
Docs Examples Resources Blog Video Courses