App.vue

应用根部视图与全局壳层

src/App.vue 是 Oiyo 应用程序的根组件。<template> 中相关内容都将全局化,被每一个页面所复用。

职责与约束

App.vue 有三类常见职责:

  1. 页面承载点:渲染 <OiyoPage />
  2. 全局壳层:全局背景、全局弹窗承载点、统一容器
  3. 全局能力:启用布局容器 <OiyoLayout>、声明根上下文 defineRootContext()

其中 页面承载点 是硬约束:我们需要通过 <OiyoPage> 来显示当前路由页面插入位置。

src/App.vue
<template>
  <OiyoPage />
</template>
App.vue<template> 里必须包含 <OiyoPage />(或 <oiyo-page />),它是路由页面的插入位置。
了解如何在 App.vue 中设置全局壳层和跨页面的状态

相关参考:<OiyoPage><OiyoLayout>defineRootContext