Vue项目中如何实现监听localStorage或sessionStorage的实时变化？

本文共计418个文字，预计阅读时间需要2分钟。

出现这个问题的原因：在一个VUE页面中，引入了两个组件，A组件实现基础信息展示，B组件展示列表，我想要通过A组件的一个按钮触发生态状态，然后B组件根据A组件触发的状态来进行业务处理。

出现这个问题的起因：在一个VUE页面中，引入两个组件，A组件实现基础信息展示，B组件展示列表，我要通过A组件的一个按钮触发状态，然后B组件根据A组件触发的状态来做业务处理，首先想到的是把状态放在localStorage，接下去就是在B组件怎么监听A组件状态

解决方法：

1.首先在 main.js 中给 Vue.protorype 注册一个全局方法，然后创建一个 StorageEvent 方法，当我在执行sessionStorage.setItem(k, val) 的时候，初始化事件并派发事件。