Vue项目中localStorage本地储存的公共方法

创建local.js文件，文件内容如下：

const local =  {}
/**
 * put 把数据放到本地存储
 * @param {*} key
 * @param {*} value
 */
local.set = function (key, value) {
  window.localStorage.setItem(key, JSON.stringify(value));
};


/**
 * get 获取本地存储数据
 * @param {*} key
 */
local.get = function (key) {
  var obj = window.localStorage.getItem(key);
  if (obj && obj != 'undefined' && obj != 'null') {
    return JSON.parse(obj);
  }
  return '';
};


/**
 * remove 清除本地数据
 * @param {*} key
 */
local.remove = function (key) {
  if (key) {
    window.localStorage.removeItem(key);
  } else {
    for (var i in arguments) {
      window.localStorage.removeItem(arguments[i]);
    }
  }
};


/**
 * seek 检查本地是否有值
 * @param {*} key
 */
local.seek = function (name) {
  if (!name) return;
  return window.localStorage.hasOwnProperty(name)
}
export default local

在页面中引用：

//引入local.js
import local from '@/assets/utils/local'

使用方法：

//设置
local.set('a',1);

//获取
local.get('a')

//清除
local.remove('a')