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()
相关推荐
用户761736354011 分钟前
浏览器渲染原理
前端·浏览器
拉不动的猪1 分钟前
Vue 跨组件通信底层:provide/inject 原理与实战指南
前端·javascript·面试
得物技术1 分钟前
从数字到版面:得物数据产品里数字格式化的那些事
前端·数据结构·数据分析
用户66006766853913 分钟前
用 Symbol 解决多人协作中的对象属性冲突实战
前端·javascript
yinuo16 分钟前
前端跨页面通讯终极指南①:postMessage 用法全解析
前端
c***979830 分钟前
Vue性能优化实战
前端·javascript·vue.js
哈哈O哈哈哈32 分钟前
ECMAScript 2025 正式发布:10 个让你眼前一亮的 JavaScript 新特性!
前端·javascript
哈哈O哈哈哈35 分钟前
2025 年值得关注的 CSS 新属性与功能
前端·css
我叫张小白。40 分钟前
TypeScript泛型进阶:掌握类型系统的强大工具
前端·javascript·typescript
麦麦在写代码40 分钟前
前端学习4
前端·学习