如何持久化保存 vuex 中的数据 Storage.

 

 vuex     window可以省略

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

Vue.use(Vuex)

export default new Vuex.Store({
  state: {//sessionStorage里没值是null 为false
    islogin: sessionStorage.getItem('islogin'),   // 存储当前是否已登录
    username: sessionStorage.getItem('username')      // 存储当前登录用户名
  },
  mutations: {
    // 提供一个方法，供登录成功后修改state属性
    loginok(state, payload){
      state.islogin = true        // 修改登录状态
      state.username = payload    // 修改登录用户信息
      // 还需要将状态信息，存入sessionStorage
      sessionStorage.setItem('islogin', true)
      sessionStorage.setItem('username', payload)
    }
  },  
  actions: {
  },
  modules: {
  }
})