vue中使用js-cookie缓存数据到本地 -少儿编程-信息学奥赛-宜宾少儿编程-宜宾市野牛网络科技有限公司

vue中使用js-cookie缓存数据到本地

浏览次数：1737

vue js-cookie 缓存

工具地址：https://www.npmjs.com/package/js-cookie
工具地址说明：https://github.com/js-cookie/js-cookie/wiki/Frequently-Asked-Questions#expire-cookies-in-less-than-a-day
一、安装js-cookie
```
npm install js-cookie --save
```
二、使用如下
```
import Cookies from 'js-cookie'
Cookies.set('token'，token)
Cookies.get('token')
```

三、一般使用:
1.存到Cookie去:
```

// Create a cookie, valid across the entire site:  
Cookies.set('name', 'value');  
   
// Create a cookie that expires 7 days from now, valid across the entire site:  
Cookies.set('name', 'value', { expires: 7 });  
   
// Create an expiring cookie, valid to the path of the current page:  
Cookies.set('name', 'value', { expires: 7, path: '' });

Take for example, when you want the cookie to expire 15 minutes from now:
var inFifteenMinutes = new Date(new Date().getTime() + 15 * 60 * 1000);
Cookies.set('foo', 'bar', {
    expires: inFifteenMinutes
});

Also, you can specify fractions to expire in half a day (12 hours):
var inHalfADay = 0.5;
Cookies.set('foo', 'bar', {
    expires: inHalfADay
});

Or in 30 minutes:
var in30Minutes = 1/48;
Cookies.set('foo', 'bar', {
    expires: in30Minutes
});
```
2.在Cookie中取出:
```
// Read cookie:  
Cookies.get('name'); // => 'value'  
Cookies.get('nothing'); // => undefined  
   
// Read all visible cookies:  
Cookies.get(); // => { name: 'value' }  
```
3.删除:
```
// Delete cookie:  
Cookies.remove('name');  
   
// Delete a cookie valid to the path of the current page:  
Cookies.set('name', 'value', { path: '' });  
Cookies.remove('name'); // fail!  
Cookies.remove('name', { path: '' }); // removed!  
```
四、特殊使用（在Cookie中存对象）
跟一般使用不同的是，从Cookie中取出的时候，要从字符串转换成json格式：
```
const user = {
name: 'lia',
age: 18}  
Cookies.set('user', user)const liaUser = JSON.parse(Cookies.get('user'))  
// Create a cookie, valid across the entire site:  
Cookies.set('name', 'value');  
   
// Create a cookie that expires 7 days from now, valid across the entire site:  
Cookies.set('name', 'value', { expires: 7 });  
   
// Create an expiring cookie, valid to the path of the current page:  
Cookies.set('name', 'value', { expires: 7, path: '' });  
```

vue中使用js-cookie缓存数据到本地

留言条数·0