vue 重写setItem事件当使用setItem时触发windowdispatchEvent派发事件

你可以通过重写setItem方法来触发window.dispatchEvent事件。以下是示例代码：

const originalSetItem = localStorage.setItem;

localStorage.setItem = function(key, value) {
  const event = new Event('storageChanged');
  event.key = key;
  event.newValue = value;
  window.dispatchEvent(event);
  
  originalSetItem.apply(this, arguments);
};

在这个示例中，我们先保存原始的setItem方法，然后将localStorage.setItem重写为一个新的函数。在新的函数中，我们创建一个storageChanged事件，并将key和value作为自定义属性添加到事件对象中。然后使用window.dispatchEvent触发事件。最后，我们调用originalSetItem.apply(this, arguments)来执行原始的setItem方法，确保数据正常存储。

现在，当你使用setItem方法时，将会触发storageChanged事件。你可以在其他地方监听这个事件，并执行相应的操作。例如：

window.addEventListener('storageChanged', function(event) {
  console.log('Storage changed!');
  console.log('Key:', event.key);
  console.log('Value:', event.newValue);
});

在这个示例中，我们使用addEventListener方法来监听storageChanged事件。当事件触发时，会执行回调函数，并打印相关信息。

请注意，这个方法只适用于使用localStorage.setItem存储数据的情况。如果你还使用其他方法存储数据，你需要相应地重写这些方法