## Architecture ### 目录结构（Vue 3 + TypeScript + Element Plus） ``` src/ ├── views/ # 页面级组件（路由对应） ├── components/ # 可复用组件 ├── api/ # API 封装 ├── stores/ # Pinia stores ├── composables/ # 组合式函数（use* hooks） ├── utils/ # 工具函数 ├── types/ # TypeScript 类型定义 └── router/ # Vue Router 配置 ``` ### 状态管理 - **Pinia**（官方推荐） - 每个业务模块一个 store：`stores/user.ts`、`stores/order.ts` - 禁止直接在组件里写持久状态 ### 路由 - Vue Router 4 - 路由守卫统一在 `router/guards.ts` - 懒加载：`component: () => import('@/views/...')` ### Composition API - **强制使用 `