组合式函数
这里汇总移动端常用的组合式函数,适合在页面开发前快速了解有哪些可复用能力。
先看什么?
| 你的目标 | 推荐函数 |
|---|---|
| 适配小程序导航栏高度 | useNavbar |
| 做验证码倒计时 | useCountdown |
| 统一处理页面跳转 | useNavigation |
| 管理请求 loading 和错误 | useRequest |
| 管理全局 loading | useLoading |
| 维护 TabBar 状态 | useTabbar |
| 切换主题和暗黑模式 | useTheme |
| 接收服务端推送 | useSse |
分类索引
布局与导航
| 函数 | 说明 |
|---|---|
| useNavbar | 计算导航栏高度,适配微信小程序胶囊按钮 |
| useNavigation | 统一处理登录检查、内部跳转和外部链接 |
| useTabbar | 管理 TabBar 配置、选中状态和徽标 |
请求与状态
| 函数 | 说明 |
|---|---|
| useRequest | 统一封装请求状态、loading 和错误信息 |
| useLoading | 管理全局 loading,支持并发计数和异步包装 |
| useCountdown | 倒计时状态管理,常用于验证码发送 |
主题与实时通信
| 函数 | 说明 |
|---|---|
| useTheme | 管理明暗模式和主题色 |
| useSse | 建立 SSE 连接,接收服务端推送事件 |
常见组合
| 场景 | 推荐组合 |
|---|---|
| 登录、注册、验证码 | useRequest + useLoading + useCountdown |
| 工作台或个人中心 | useNavbar + useNavigation + useTabbar |
| 主题设置页 | useTheme + useNavigation |
| 消息提醒或字典变更 | useSse + useRequest |
