vuex数据丢失处理

1.vuex文件中

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    sum:JSON.parse(sessionStorage.getItem("sum")) || 0
  },
  getters: {
    sum: state => state.sum,
  },
  mutations: {
    JIA(state, data) {
      state.sum = data
      sessionStorage.setItem("sum", JSON.stringify(data))
    }
  },
  actions: {
  },
  modules: {
  }
})

2.在a页面中生命周期

直接打印vuex的sum数据，再调用mutations方法修改数据

created(){
    console.log(111,this.$store.state.sum);
    this.$store.commit('JIA',1)
    console.log(222,this.$store.state.sum);
  }

3.修改完数据之后，跳转到b页面，验证数据是否正确，以及刷新数据是否还在

created(){
    console.log(111,this.$store.state.sum);
  }