vue监听localStorage数据

在man.js中

// 实施监听本地
Vue.prototype.resetSetItem = function (key, newVal) {
    
    
  // 创建一个StorageEvent事件
  var newStorageEvent = document.createEvent('StorageEvent');
  const storage = {
    
    
    setItem: function (k, val) {
    
    
      localStorage.setItem(k, val);
      // 初始化创建的事件
      newStorageEvent.initStorageEvent('setItem', false, false, k, null, val, null, null);

      // 派发对象
      window.dispatchEvent(newStorageEvent)
    }
  }
  return storage.setItem(key, newVal);
}

---

做修改

this.resetSetItem('userInfo', JSON.stringify(userInfo));

---

在create钩子函数中

   window.addEventListener("setItem", (e) => {
    
    
      this.userInfo= localStorage.getItem("userInfo")
    });

---

sessionStorage同样也可以，修改一下就可以了