Vue 监听Sesstionstorage对象,更新视图

Vue 监听Sesstionstorage对象,更新视图。

 说明

  • 在不使用Vuex的情况下,通过对缓存的监听,实现视图渲染。

 适用场景

  • 需要某个js文件控制一个全局变量,然后这个全局变量更新时,视图层也跟随更新。
  • 在不想使用Vuex时。

关键代码 

  • 主要用到了自定义函数   

    var newCustomEve = document.createEvent('customEve');
  • 对象派发

    window.dispatchEvent(newCustomEve)

代码演示

  • 参考链接   链接  (此作者写的很清楚)。

猜你喜欢

转载自blog.csdn.net/qq_38880700/article/details/108326910