vue-storage封装

封装

src下新建uitils文件夹，新建storage.js文件

/**
 * 封装操作localstorage本地存储的方法
 */
export const storage = {
  // 存储
  set(key, value) {
    localStorage.setItem(key, JSON.stringify(value))
  },
  // 取出
  get(key) {
    const value = localStorage.getItem(key)
    if (value && value !== 'undefined' && value !== 'null') {
      return JSON.parse(value)
    }
    return null
  },
  // 删除
  remove(key) {
    localStorage.removeItem(key)
  }
}

/**
 * 封装操作sessionStorage本地存储的方法
 */
export const session = {
  // 存储
  set(key, value) {
    window.sessionStorage.setItem(key, JSON.stringify(value))
  },
  // 取出
  get(key) {
    const value = window.sessionStorage.getItem(key)
    if (value && value !== 'undefined' && value !== 'null') {
      return JSON.parse(value)
    }
    return null
  },
  // 删除
  remove(key) {
    window.sessionStorage.removeItem(key)
  }
}

使用

// 引入
import { storage, session } from '@/src/utils/storage.js'
// 使用
storage.get('name')	// 获取
storage.set('name', '剑辉')	// 设置
storage.remove('name')	// 移除