vue监听localStorage变化

main.js重写localStorage方法

var orignalSetItem = localStorage.setItem;
localStorage.setItem = function(key,newValue){
	// 要监听的key为styleList
	if(key === "styleList"){
		var setItemEvent = new Event("setItemEvent");
		setItemEvent.newValue = newValue;
	    window.dispatchEvent(setItemEvent);
	    orignalSetItem.apply(this,arguments);
    }
}

在需要监听的页面写入

mounted() {
	window.addEventListener("setItemEvent", (e) => {
		console.log(e.newValue)
		this.value = e.newValue
	});
}