Vue Cookie的使用

1、下载安装

npm install js-cookie --save

2、然后就可以直接在组件中引入

import Cookies from 'js-cookie'

3、存到cookie

//创建一个在整个网站上有效的cookie：
//特使时候cookie存入的对象，跟一般使用不同的是，从Cookie中取出的时候，要从字符串转换成json格式
Cookies.set('name', { id: 1, name: 'XXX' })

//创建一个从现在起7天到期的cookie，该cookie在整个网站上均有效：
Cookies.set('name', 'value', { expires: 7 });

//创建一个有效的cookie，该cookie对当前页面的路径有效：
Cookies.set （'名称'，'值'，{  expires（有效时间）：7 ，  路径：' ' } ）

读取cookie

Cookies.get('name');
JSON.parse(Cookies.get('name'))

4、删除cookie

Cookies.remove('name');

//删除对当前页面有效的cookie
Cookies.set('name', 'value', { path: '' });
Cookies.remove('name'); // fail!
Cookies.remove('name', { path: '' }); // removed!