监听localstorage

以vue.js为例：

主要是用到 storage_event 来实现

创建方法

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

*[^_^]: 派发目的是在设置数据后，通知window对象的

在vue原型上（main.js)添加方法:

 

调用

在需要设置数据的组件中调用

 

监听

在需要监听的组件中监听，需要明确的是，需要写在mounted生命周期中

 

实际效果

实际效果是这样的：

可以看到，在调用后我们能拿到有关更新的数据的所有值，然后就可以随心所欲了