VUE：通过onstorage实现不同标签页之间的数据同步
借助localStorage实现标签页之间通信在实际项目中使用的很多。该方法实用于在同一个浏览器或者同一个容器下挂载多个页面，此时可以通过localstorage的改变触发onstorage方法的更改，实现刷新通知。
需要重点关注同域共享，如果多个标签页跨域了，那么数据将无法共享。
利用localStorage实现两个页面之间的通信。注意点：
- pageA和pageB同源，即域名、端口、协议等都是相同的。
- 使用storage事件监听localStorage变化
当然，如果你只是需要两个页面之间数据共享，那么可以不使用storage监听方法，直接通过localStorage.getItem()获取即可。
例如：
我们新建两个页面pageA和pageB，利用localStorage实现两个页面之间的通信。
pageB：
// pageB.html
<body>
<h1>pageB</h1>
<button id="btnB">添加num数据到localStorage</button>
<script>
let btnB = document.getElementB
剩余60%内容，订阅专栏后可继续查看/也可单篇购买
前端面试题 文章被收录于专栏
前端面试的一些常问问题、问题的具体实现（可直接运行）以及底层原理
查看6道真题和解析
投递叮咚买菜等公司7个岗位 >