标签：页面可见性

#用Vue 3组合式API封装浏览器通知与页面可见性，实现后台标签页消息聚合与免打扰

用户切到微信回了三句，再切回来——Notification API已经连发五条弹窗，遮住按钮、盖住表单、打断操作。这不是设计，是失控。Vue 3的ref和watch组合式API本该帮我们管住这事，但多数人直接在onMounted里调Notification.requestPermission()，再用new Notification()推送，压根没存状态、不判visibility、也不攒队列。结果就是：页面不可见时通知静默丢失；切回瞬间所有积压消息像推土机一样涌上来。本文教你用组合式API把document.hidden和Notification两套独立系统焊在一起，实现后台标签页消息聚合与免打扰。