uni-app 项目
│
┌──────────┴──────────┐
│ │
分包 平台配置
│ manifest.json
│
┌──────┴──────┐
│ │
主包 业务分包
│
index / 隐私协议
main.js
│
├── 初始化 Vue
├── Pinia
├── Vuex
├── initDict()
│
└── initApi(store)
│
↓
API 配置
│
↓
自动生成接口
│
↓
store.commit(setHttps)
│
↓
Vuex.state.https
│
↓
页面调用
请求层
│
├── 路径参数
├── Query
├── JSON Body
├── Form Body
└── FormData / 文件
组件层
│
├── easycom
│ ↓
│ 自动引入组件
│
└── 自定义 c-* 组件
↓
props / emit / slot
全局能力
│
└── globalProperties
↓
$bypass
$storeDispatch
$xxx
模块 这个项目怎么做 核心作用 分包 主包主要是 index、隐私协议,其他按业务分包控制包体积、按业务拆分 接口初始化 main.js → initApi(store) → 生成/整理接口 → Vuex 的https`启动时把接口集合准备好 接口来源 API 配置生成 + 部分业务自己定义 统一管理接口 请求参数 路径参数 / Query / Body / 文件 决定参数放哪里 Body类型 JSON / Form / FormData 决定请求体怎么编码 HTTP方法 GET 常用 Query;POST/PUT/PATCH 常用 Body;DELETE 也可带 Body 不要绝对化 组件 easycom自动引入,c-*是项目自己的业务组件组件复用、减少重复代码 全局方法 普通 export→ 合并 →globalProperties注册 →$xxx所有组件都能调用公共方法 父子通信 父→子 props,子→父emit组件之间传数据/通知