封装一个webStorage

新建utils文件夹 创建 Storage.js文件

let storage = {
  set(key, value) {
    sessionStorage.setItem(key, JSON.stringify(value))
  },
  get(key) {
    return JSON.parse(sessionStorage.getItem(key))
  }
}
export default storage

vuex中引用

import Vue from 'vue'
import Vuex from 'vuex'
import Storage from '../utils/Storage';
Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    // user: JSON.parse(sessionStorage.getItem('username'))  // 没有封装的使用方法
    user: Storage.get('username'),
    token: Storage.get('TOKEN')
  },
  getters: {
  },
  mutations: {
    saveUser(state, user) {
      state.user = user
      // sessionStorage.setItem('username', JSON.stringify(user))  // 没有封装的使用方法
      Storage.set('username', user)
    },
    saveToken(state, token) {
      state.token = token
      Storage.set('TOKEN', token)
    }
  },
  actions: {
  },
  modules: {
  }
})