<OiyoPage>

路由页面插槽,用于渲染当前路由页面

<OiyoPage> 是路由页面的渲染插槽组件,用于在 App.vue 的某个位置插入“当前路由匹配到的页面”。

使用位置

  • src/App.vue<template>
  • 通常放在 <OiyoLayout> 内部(如果你的项目启用了布局)
<template>
  <OiyoPage />
</template>

行为

  • 路由切换时,<OiyoPage /> 所在位置会渲染新的页面内容
  • <OiyoPage /> 外层的全局壳层 UI 会保持不变(例如全局背景、全局弹窗承载点)

约束

  • 非插槽式组件,内部未提供 <slot> 组件,请勿在插入任何值。
  • src/App.vue<template> 里必须包含 <OiyoPage />(或 <oiyo-page />),否则应用无法正常渲染路由页面。
了解如何在 App.vue 中设置全局壳层和跨页面的状态