Nuxt3 初学习 -- 模板布局

layouts 下面 创建

/layouts/default.vue

如何使用

在 app.vue

下面

<NuxtLayout> <NuxtPage /> </NuxtLayout />

————

如何 不适用 公共布局

在 js 中 写

definePageMate({ layout: false })

————

如何 继承 其他 的布局

definePageMate({ layout: 'custom' })

这将 继承 layouts/custom.vue

————

如何 动态继承 布局

通过 route.meta.layout = 'custom'

const route = useRoute()

route.meta.layout = 'custom'

————

覆盖 默认布局

<NuxtLayout name="custom"> <NuxtPage /> </NuxtLayout>