使用本地存储

使用cooKie

class COOKIE {
  setCookie (name, value, time) {
    if (!name) return
    if (time) {
      const exp = new Date()
      exp.setTime(exp.getTime() + time * 60 * 1000)
      document.cookie = name + '=' + escape(value) + 'expires=' + exp.toGMTString()
    } else {
      document.cookie = name + '=' + escape(value)
    }
  }

  getCookie (name) {
    let arr, reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)')         // eslint-disable-line
    if (arr = document.cookie.match(reg)) { return (arr[2]) } else { return null }  // eslint-disable-line
  }

  delCookie (name) {
    let exp = new Date()
    exp.setTime(exp.getTime() - 1)
    let cval = this.getCookie(name)
    if (cval != null) { document.cookie = name + '=' + cval + ';expires=' + exp.toGMTString() }
  }
}

const useCookie = new COOKIE()

export default useCookie

带过期时间的本地存储

import store from 'store'
/* 设置带过期时间的本地存储
* demo：设置缓存：
* imoprt HmmStore from './Hmmstore'
* HmmStore.setStore('test', { test: 'test1'}, 10 * 60 * 2000)
* 获取缓存
* HmmStore.get('test')
*/
class HmmStore {
  constructor () {
    this.expires = 10 * 60 * 1000 // 默认十分钟
  }

  // 设置本地存储
  setStore (name, data, during = this.expires) {
    // 临时变量 用来拼接过期时间
    let tempData = {
      time: this.getNowTime(),
      during,
      data
    }

    // 设置存储
    store.set(`${name}`, tempData)
  }

  // 获取本地存储
  getStore (name) {
    if (store.get(name)) {
      let tempData = store.get(name)

      if (tempData.time && tempData.during) {
        if (this.getNowTime() < (tempData.time + tempData.during)) {
          return tempData.data
        } else {
          return ''
        }
      } else {
        return ''
      }
    } else {
      return ''
    }
  }

  // 删除缓存
  deleteStore (name) {
    store.remove(name)
  }

  // 获取当前时间
  getNowTime () {
    return Date.parse(new Date())
  }
}

export default new HmmStore()