vue 实时更新本地存储localStorage

main.js

var setItem = localStorage.setItem;

localStorage.setItem = function(key,newValue){

// 要监听的key为Item

if(key === "Item"){

var setItemEvent = new Event("setItemEvent");

setItemEvent.newValue = newValue;

window.dispatchEvent(setItemEvent);

}

}

//监听页面

mounted() {

window.addEventListener("setItemEvent", (e) => {

//console.log(e.newValue)

this.item= JSON.parse(e.newValue)

});

},