Nuxt.js layout 屬性

layout 屬性

layouts 根目錄下的所有文件都屬于個性化布局文件，可以在頁面組件中利用 layout 屬性來引用。

• 類型： String 或 Function (默認(rèn)值： 'default')

使用 layout 屬性來為頁面指定使用哪一個布局文件：

export default {
  layout: 'blog',
  // 或
  layout (context) {
    return 'blog'
  }
}

在上面的例子中， Nuxt.js 會使用 layouts/blog.vue 作為當(dāng)前頁面組件的布局文件。

看下 示例視頻 立刻體驗下。