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')