vuex数据持久化

Vuex刷新页面，数据丢失。  vuex-persistedstate持久化

npm install vuex-persistedstate -S

import createPersistedState from "vuex-persistedstate"

 

// 持久化到sessionStorage

const store = new Vuex.Store({

  state,    // 共同维护的一个状态，state里面可以是很多个全局状态

  getters,  // 获取数据并渲染

  actions,  // 数据的异步操作

  mutations,  // 处理数据的唯一途径，state的改变或赋值只能在这里

  plugins: [createPersistedState({ storage: window.sessionStorage })],

})

 

// 持久化到localStorage

const store = new Vuex.Store({

  state,    // 共同维护的一个状态，state里面可以是很多个全局状态

  getters,  // 获取数据并渲染

  actions,  // 数据的异步操作

  mutations,  // 处理数据的唯一途径，state的改变或赋值只能在这里

  plugins: [createPersistedState()],

})

 

// 持久化state中指定的数据

const store = new Vuex.Store({

  state,    // 共同维护的一个状态，state里面可以是很多个全局状态

  getters,  // 获取数据并渲染

  actions,  // 数据的异步操作

  mutations,  // 处理数据的唯一途径，state的改变或赋值只能在这里

  plugins: [createPersistedState(

　　{　

　　  storage:window.sessionStorage,

         reducer(data)  {

              return {

                  // 只储存state中的token

                  assessmentData: data.token

            }

       }

　　}

  )],

})