vue工具(封装本地存储相关的操作模块)

/**
 * 本地存储相关的操作模块
 */

/**
 * 写入数据
 */
export const setItem = (key, data) => {
    
    
  // 如果存入的是对象、数组类型的数据
  if (typeof data === 'object') {
    
    
    // 将数据转换为json字符串格式
    data = JSON.stringify(data)
  }
  window.localStorage.setItem(key, data)
}

/**
 * 读取数据
 */
export const getItem = key => {
    
    
  // 拿到本地存储的数据
  const data = window.localStorage.getItem(key)
  // 解析拿到的数据
  try {
    
    
    // 如果是对象、数组类型的数据
    return JSON.parse(data)
  } catch {
    
    
    // 如果报错,那就不是对象、数组类型的数据
    return data
  }
}

/**
 * 删除数据
 */
export const removeItem = key => {
    
    
  // 删除本地存储的数据
  window.localStorage.removeItem(key)
}

猜你喜欢

转载自blog.csdn.net/weixin_46611729/article/details/111676494