API layout属性
layouts 根目录下的所有都属于个性化布局,可以在组件中利用 layout 来引用。
使用 layout 来为指定使用哪布局:
export default { layout: 'blog', // 或 layout (context) { return 'blog' } }
在上面的例子中, Nuxt.js 会使用 layouts/blog.vue 作为组件的布局。
看下 立刻体验下。
想进一步了解布局在 Nuxt.js 里面是如何运作的话,请参考布局文档。