本地存储封装

使用本地存储的JavaScript实用函数
这篇博客介绍了如何在JavaScript中创建一个实用的本地存储工具模块,包括获取、设置、删除和清除本地存储数据的方法。这些函数可用于在前端页面中持久化用户数据,例如token的存储和检索。

不多说直接上代码

在util文件里创建js文件

export default {
  get(key) {  //获取本地存储
    return JSON.parse(localStorage.getItem(key));
  },
  set(key, val) {  // 存储数据到本地存储
    localStorage.setItem(key, JSON.stringify(val));
  },
  remove(key) {  // 移除本地存储
    localStorage.removeItem(key);
  },
  clear() {  // 清除本地所有存储
    localStorage.clear();
  },
};

接下来在你要使用的页面引入

// 引入本地存储工具函数
import local from "@/utils/local";

使用`

local.set("t_k", token);
local.get("t_k");
local.remove("t_k");
local.clear();
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值