sessionStorage和vuex的配套使用

sessionStorage应只用来刷新后的获取,所以应只作为每一次存储的备份
在页面没有刷新时应一直使用state中的数据并维护该状态

以下为getters中的示例,以一个reFlesh维护是否是刷新后的获取,默认为true,进行commit后置为false

infoData: state => {
      if(state.reFlesh) {
        const infoData = sessionStorage.getItem('infoData') ? JSON.parse(sessionStorage.getItem('infoData')) : {}
        return JSON.stringify(infoData) !== '{}' ? infoData : state.infoData
      } else {
        return state.infoData
      }
    }

你可能感兴趣的:(sessionStorage和vuex的配套使用)