当前位置: 首页 > article >正文

vue3 cookie 存取删数据

vue3 cookie 存、取、删数据

什么是Cookie?

Cookie是一种用来在客户端存储小块数据的机制,通常由服务器端生成,并以键值对的形式保存在用户的浏览器中。它主要用于会话管理、用户个性化设置以及跟踪用户行为等。

为什么使用Cookie?

使用Cookie有以下优点:

  • 简单易用:只需几行代码就能完成设置和读取。
  • 持久化存储:可以设置过期时间,让数据能存储指定时间。
  • 无需服务器交互:客户端可以直接访问和修改Cookie,提高性能。

一.首先加载模块

npm i js-cookie -S

二.在使用cookie的页面上进行引入

import Cookies from 'js-cookie'

三.使用方法

1. 创建一个在整个网站上有效的cookie
Cookies.set('name', 'value');
------------------------------------------------------------------------
//{ expires: }7表示7天后过期,可设置也可不设置
Cookies.set('name', 'value', { expires: 7 });
//创建一个有期限的cookie,对当前页面的路径有效:
Cookies.set('name', 'value', { expires: 7, path: '' });
2. 读取cookie:
Cookies.get('name'); // => 'value'
------------------------------------------------------------------------
// 阅读所有可见的cookie:
Cookies.get(); // => { name: 'value' }
3. 删除cookie:
Cookies.remove('name');
------------------------------------------------------------------------
//删除对当前页面路径有效的cookie
Cookies.set('name', 'value', { path: '' });
Cookies.remove('name'); // fail!
Cookies.remove('name', { path: '' }); // removed!

http://www.kler.cn/a/297288.html

相关文章:

  • 镭速助力构筑ICT安全高效的大文件传输
  • 【android10】【binder】【2.servicemanager启动——全源码分析】
  • MySQL数据归档策略:实现定期数据维护与优化
  • 数据结构—单链表的基本操作
  • Vue3进阶:异步状态示例
  • Docker 学习 Day 1
  • springboot整合Logback
  • 千益畅行,共享旅游卡,引领旅游新潮流
  • “Jmeter-InfluxDB-Grafana“常见错误有哪些如何解决?
  • verilog报错:Illegal concatenation of an unsized constant. and 输入输出位宽不匹配
  • 安全服务面试-2
  • Spring Cloud LoadBalancer
  • 【QT Creator】基本使用
  • 在cscode中通过maven创建java项目
  • 免费 U 盘数据恢复 - 用 4 种免费方法从随身U 盘恢复文件
  • html备忘录
  • 个人信息记录安全:守护数字时代的隐私堡垒
  • smsp__inst_executed_pipe_fp64为什么对不上
  • 【spring】微服务架构中的VO命名
  • OceanBase性能相关