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()
相关推荐
神秘的猪头2 分钟前
ES6 字符串模板与现代 JavaScript 编程教学
前端·javascript
白兰地空瓶2 分钟前
从 "拼接地狱" 到 "模板自由":JS 字符串的逆袭指南
javascript
ideaout技术团队20 分钟前
android集成react native组件踩坑笔记(Activity局部展示RN的组件)
android·javascript·笔记·react native·react.js
kaikaile199520 分钟前
如何使用React和Redux构建现代化Web应用程序
前端·react.js·前端框架
江城开朗的豌豆20 分钟前
TS类型进阶:如何把对象“管”得服服帖帖
前端·javascript
Cache技术分享21 分钟前
226. Java 集合 - Set接口 —— 拒绝重复元素的集合
前端·后端
前端小咸鱼一条23 分钟前
13. React中为什么使用setState
前端·javascript·react.js
没有bug.的程序员38 分钟前
Spring Boot Actuator 监控机制解析
java·前端·spring boot·spring·源码
包饭厅咸鱼1 小时前
autojs----2025淘宝淘金币跳一跳自动化
java·javascript·自动化
OpenTiny社区1 小时前
如何使用 TinyEditor 快速部署一个协同编辑器
前端·开源·编辑器·opentiny