标签：实时推送

#Vue 3 组合式 API 封装 WebSocket 心跳重连：实现后台实时消息推送与断线自动恢复

在实时推送场景中，原生 WebSocket 缺乏心跳检测和自动重连机制，导致断线后页面成为数据孤岛。本文深入剖析僵死连接的隐患，对比手写类与 VueUse useWebSocket 的优劣，并基于组合式 API 封装一个支持心跳、指数退避重连、多连接管理的 composable，让组件只需关注业务消息处理，无需操心连接健康度。