js-cookie是一个简单的，轻量级的处理cookies的js API.
官方文档：https://www.npmjs.com/package/js-cookie

 

1、安装

npm install js-cookie --save

2、项目内注册

使用频率较高的话，建议全局挂载

在main.js中   import Cookie from "js-cookie"; //引入

Vue.prototype.$cookie = Cookie //挂载全局

3、使用

this.$cookie.set('name', 'value');   // 存储

this.$cookie.get('name');  // 获取

this.$cookie.remove('name');  // 删除

4、使用限制

只能存储文本

存储大小限制：单条数据不大于4KB

存储数量限制：一般50条

读取域名限制：不可跨域读取

存储时效限制：浏览器关闭时cookie就销毁

 

本地存储

localStorage/sessionStorage.setItem('name', 'value');   // 存储

localStorage/sessionStorage.getItem('name');  // 获取

localStorage/sessionStorage.removeItem('name');  // 删除

以上是对于简单的数据类型的存储，但当要存储的数据是一个对象或是数组的时候，直接存储是不行的，需要转换数据格式；

存储数据前：利用JSON.stringify将对象转换成字符串

获取数据后：利用JSON.parse将字符串转换成对象

 

localStorage 和sessionStorage

localStorage 和sessionStorage，存在于 window 对象中

localStorage 和 sessionStorage 的区别主要是在于其生存期

localStorage：永久的；

sessionStorage：一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。