高频场景配方

这一页不讲完整理论，主要给你一组“遇到这个需求时，先按这个方向写”的起手式。

配方 1：登录拦截后再回跳

适合：

• 下单前校验登录
• 收藏前校验登录

思路：

• 统一封装 ensureLogin()
• 未登录先跳登录页
• 登录完成后带回当前目标路径

配方 2：列表页的标准结构

一个稳定的列表页，通常至少会有：

• loading
• 空状态
• 错误态
• 下拉刷新
• 触底加载

配方 3：表单页怎么起手

建议先把表单拆成三块：

• form
• errors
• submit

复杂组件再考虑 bindModel。

配方 4：详情页首次加载

最常见模式：

• onLoad 读参数
• 请求详情接口
• 成功后更新页面状态
• 失败后展示错误态或 toast

配方 5：通用弹窗 / toast 能力

建议把：

• UI 组件
• 调用入口

分开组织。 也就是组件负责展示，service 或插件负责调用。

配方 6：分享能力

不要只关注“能不能分享”，还要确认：

• title
• path
• imageUrl
• 页面进入路径是否稳定

一句话建议

遇到真实业务时，不要一上来追求最抽象的通用方案。 先按这些高频配方把页面跑顺，再逐步沉淀成团队规范。