components

可复用的组件

src/components 用来放通用组件,用于页面、布局等,命名风格通常以 PascalCase 命名为主。

定义

一个典型的 src/components 长这样:

目录结构
src/components
├── OiyoButton.vue
├── EmptyState.vue
└── order
    └── OrderCard.vue
  • 这里的文件通常是 纯组件:只负责 UI/交互,不承担“路由入口”的职责
  • 当某段 UI 被多个页面/布局用到,就把它抽到这里

约定与边界

  • Oiyo 默认启用自动扫描导入:在页面/布局中可以直接使用组件,无需手动 import
体验自动扫描导入,告别繁琐的手动 import