DEV Community
·
使用BroadcastChannel API与Vue实现多个标签页间的引用同步
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
我们通过BroadcastChannel API实现了多个标签页间的配置同步，避免手动更新，节省了配置应用程序人员的时间。借助VueUse工具，我们创建了简单的组合函数，确保不同标签页数据一致，从而每月节省工作时间。
🎯
关键要点
- 通过BroadcastChannel API实现多个标签页间的配置同步，避免手动更新。
- 节省了配置应用程序人员的时间，确保配置实时更新。
- 使用VueUse工具创建简单的组合函数，确保不同标签页数据一致。
- 不使用session或local storage存储配置，避免数据过时。
- 使用useBroadcastChannel简化了BroadcastChannel API的使用。
- 创建了一个自定义组合函数useSync来同步数据。
- 通过一行代码即可同步配置，显著提高工作效率。
➡️
