先聊聊背景，咱们为啥要搞这个全局唯一弹窗

说实话，Zuo uniapp 的时候，Zui怕的就是弹窗炸屏。

你在 H5 页面点了个按钮，弹窗一出来；紧接着切到小程序，又蹦出同样的提示。

用户眼睛dou要瞎了。

所以啊，咱们得想个办法，让弹窗只在Zui前面的页面出现一次别再抢着抢着把人给吓跑。

思路拆解：后台、前台、唯一标识

先说后台。uniapp 有两个全局生命周期：App.onHide和 App.onShow。

我们Ke以在 onHide 时记下当前页面的路由，在 onShow 时比对路由，Ru果是同一个页面就触发弹窗。

关键是这个“唯一标识”。每次打开弹窗dou生成一个 UUID，放进全局变量里。

当有新弹窗想出来的时候，先检查全局变量里有没有未关闭的弹窗 ID。

有的话，就直接丢掉这次请求；没有的话，再把 ID 写进去并显示弹窗。

代码实现——一步步来

1️⃣ 创建全局弹窗组件