vue项目使用cookie、localStorage和sessionStorage进行储存数据

一，cookie的使用

1.需要先下载模块

npm i js-cookie -S

2.在使用cookie的页面上引入模块

import Cookies from 'js-cookie'

3.使用方法

创建一个在整个网站上有效的Cookie

Cookies.set('name', 'value');

读取cookie：

Cookies.get('name'); // => 'value'

删除cookie：

Cookies.remove('name');

二，localStorage的使用

1，储存

localStorage.setItem('userName','HelloWeen');

2，获取

localStorage.getItem('userName')

3，删除

localStorage.removeItem('userName');

三，sessionStorage的使用

存储数据

sessionStorage.setItem('testKey','这是一个测试的value值'); // 存入一个值

读取数据

sessionStorage.getItem('testKey'); // => 返回testKey对应的值

参考内容：https://blog.csdn.net/mf_717714/article/details/84233625