layouts

页面公共骨架

src/layouts 用来放布局组件。布局负责“包裹页面”,把一类页面的公共骨架收拢到一个地方。

约定

  • 默认布局文件:src/layouts/default.vue
  • 具名布局文件:src/layouts/<name>.vuesrc/layouts/<dir>/<name>.vue
  • 布局名称:基于文件路径生成,并标准化为小写的 kebab-case(例:orderTabbar -> order-tabbar

页面通过 definePageMeta({ layout: 'xxx' }) 选择布局(详细流程见使用指南)。

definePageMeta 字段说明(API)
学习如何为多个页面套用相同的公共布局骨架