vue-vuex持久化处理

在src/utils文件夹下,创建storage.js文件

复制代码
// 约定一个通用的键名
const INFO_KEY = 'hm_shopping_info'

// 获取个人信息
export const getInfo = () => {
  const defaultObj = { token: '', userId: '' }
  const result = localStorage.getItem(INFO_KEY)
  return result ? JSON.parse(result) : defaultObj
}

// 设置个人信息
export const setInfo = (obj) => {
  localStorage.setItem(INFO_KEY, JSON.stringify(obj))
}

// 移除个人信息
export const removeInfo = () => {
  localStorage.removeItem(INFO_KEY)
}

然后在store中的js文件中调用即可

复制代码
import { getInfo, setInfo } from '@/utils/storage'

getInfo()
相关推荐
JIngJaneIL14 小时前
智慧物业|物业管理|基于SprinBoot+vue的智慧物业管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·论文·智慧物业管理系统
爬坑的小白14 小时前
vue 2.0 路由跳转时新开tab
前端·javascript·vue.js
爬坑的小白14 小时前
vue x 状态管理
前端·javascript·vue.js
凌览14 小时前
一键去水印|5 款免费小红书解析工具推荐
前端·javascript·后端
有意义14 小时前
栈数据结构全解析:从实现原理到 LeetCode 实战
javascript·算法·编程语言
lichong95114 小时前
鸿蒙 web组件开发
前端·typescript
1024小神14 小时前
在html中使用js动态交换两个元素的位置
前端
鹿鹿鹿鹿isNotDefined14 小时前
逐步手写,实现符合 Promise A+ 规范的 Promise
前端·javascript·算法
一千柯橘14 小时前
Electron - IPC 解决主进程和渲染进程之间的通信
前端
申阳14 小时前
Day 16:02. 基于 Tauri 2.0 开发后台管理系统-项目初始化配置
前端·后端·程序员