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()
相关推荐
ahauedu4 分钟前
本地部署开源的前端项目npm经历(1)
前端·npm·开源
h_65432104 分钟前
打包报错ERROR Error: Cannot find module ‘webpack/lib/RuleSet‘
前端·webpack·npm
小旋风012348 分钟前
uniapp开发app解决视频层级太高的问题(subNvue方法)
前端·uni-app·音视频
吃不胖爹10 分钟前
Flutter 基本架构与使用
javascript·flutter·架构
哈__10 分钟前
ReactNative项目OpenHarmony三方库集成实战:react-native-tts 语音播放
javascript·react native·react.js
Jinuss14 分钟前
源码分析之React中useCallback和useMemo
前端·javascript·react.js
早點睡39014 分钟前
ReactNative项目OpenHarmony三方库集成实战:react-native-background-timer
javascript·react native·react.js
maxmaxma16 分钟前
ROS2机器人少年创客营:Python第一课
前端·python·机器人
吃西瓜的年年16 分钟前
react(二)useEffect 和 useRef
前端·react.js·前端框架
RDCJM17 分钟前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端