vue学习（2）解决vuex刷新数据问题

在app.vue文件里

vue2 的 mounted生命周期下 或 vue3的 onMounted生命周期下

// 监听页面刷新前，将vuex数据存在本地
window.addEventListener("beforeunload", () => {
  localStorage.setItem("stateInfo", JSON.stringify(this.$store.state));
});
// 刷新后，将本地对应数据替换到vuex，并将本地对应数据删除
if (localStorage.getItem("stateInfo")) {
  this.$store.replaceState(
    Object.assign(
      {},
      this.$store.state,
      JSON.parse(localStorage.getItem("stateInfo"))
    )
  );
}
localStorage.removeItem("stateInfo")