Nuxt3 -layout 使用

Nuxt3 -layout 使用

更多方式查看官网:https://57code.gitee.io/nuxt3-docs-zh/directory-structure/layouts.html

注:default 布局组件 在页面中会自动引入,不用再次手动引入;此处是作为示例,非 default 名称的则需要手动引入指定的布局组件

1、创建 default.vue 文件, layout->default.vue

 2、app.vue 文件内添加 layout 布局 NuxtLayout

 3、页面内使用布局

两种方式引入:

 

 

posted @ 2024-03-05 15:34  忙着可爱呀~  阅读(355)  评论(0)    收藏  举报