vue 关于localStorage的使用方法

初始化获取localStorage数据

 created () {
    this.getLocalStorage()
  },

获取localstorage函数

getLocalStorage () {
      this.hisKey = JSON.parse(localStorage.getItem('hisKey')) // 获取localStorage数组数据
      this.hisKey = this.hisKey.reverse(); // 数组倒序
      if (this.hisKey === null || this.hisKey === '') {
        this.hisBox = false
      } else {
        this.hisBox = true
      }
    },

存储数据，并且去重，保证最新的在数组的最后，去重删除前面相同的数据

var arrKey = JSON.parse(localStorage.getItem('hisKey') || '[]');
        arrKey.push(this.keyWord);
        var newArrKey = []
        for (var i = 0; i < arrKey.length; i++) {
          for (var j = i + 1; j < arrKey.length; j++) {
            if (arrKey[i] === arrKey[j]) {
              ++i;
            }
          }
          newArrKey.push(arrKey[i]); // 数组去重排序，去除以前相同的数据，保留最新的数据
        }
        arrKey = newArrKey
        localStorage.setItem('hisKey', JSON.stringify(arrKey)) // 把数组保存到localStorage中
        this.$router.push({ path: '/search' })

清除localStorage指定的数据

localStorage.removeItem('hisKey')