VUE解决页面刷新VUEX状态刷新初始化问题

Mtao&

已于 2022-09-08 11:15:02 修改

阅读量599

点赞数

CC 4.0 BY-SA版权

分类专栏： vue vuex 文章标签： vue.js javascript 前端

于 2022-09-08 11:14:36 首次发布

本文链接：https://blog.csdn.net/qq_45186619/article/details/126760779

vue 同时被 2 个专栏收录

18 篇文章

订阅专栏

vuex

1 篇文章

订阅专栏

此博客介绍了如何在Vue应用中使用sessionStorage存储和恢复Vuex状态，包括创建阶段的state初始化和unload事件监听来同步数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我写在App.vue 中

created() {
    if (sessionStorage.getItem("store")) {
      console.log(sessionStorage.getItem("store"));
      this.$store.replaceState(
        Object.assign(
          {},
          this.$store.state,
          JSON.parse(sessionStorage.getItem("store"))
        )
      );
      sessionStorage.removeItem("store");
    }
    window.addEventListener("unload", () => {
      sessionStorage.setItem("store", JSON.stringify(this.$store.state));
    });
},