js-cookie 基本使用

1、npm安装

// npm 
cnpm install js-cookie --save
// cdn
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

2、按需引用

• 在需要使用的页面中引入

// 模块化使用
import Cookies from 'js-cookie'
// script标签引入
<script src="./node_modules/_js-cookie@3.0.1@js-cookie/dist/js.cookie.js"></script>
// 使用变量为 Cookies
Cookies.set('Cookies','test')

3、基本使用

• 设置cookie

Cookies.set('name', 'jp'); 
Cookies.set('name', { foo: 'bar' }); //设置一个json
Cookies.set('name', 'value', { expires: 7, path: '' }); //7天过期

• 读取cookie

Cookies.get('name'); //获取cookie 
Cookies.get(); //读取所有的cookie

• 删除cookie

Cookies.remove('name');