Vue Cookie的使用（js-cookie插件）

https://www.jianshu.com/p/6e1bacd35f59

https://www.jianshu.com/p/60c13168cc8f

一、安裝

npm install js-cookie --save 

二、引用

import Cookies from 'js-cookie' 

三、一般使用

1. 存到Cookie去

1.  
   // Create a cookie, valid across the entire site:
2.  
   Cookies.set('name', 'value');
3.  
    
4.  
   // 創建一個從現在起7天內過期的cookie，在整個站點有效:
5.  
   Cookies.set('name', 'value', { expires: 7 });
6.  
    
7.  
   // Create an expiring cookie, valid to the path of the current page:
8.  
   Cookies.set('name', 'value', { expires: 7, path: '' });
9.  
    
10.  
    // name value
11.  
    Cookies.set('TokenKey', token, { expires: 1000, path: '/', domain: 'xx.com' });
12.  
     
13.  
     
14.  
    //不寫過期時間，默認為1天過期
15.  
    this.$cookies.set("user_session","25j_7Sl6xDq2Kc3ym0fmrSSk2xV2XkUkX")
16.  
     
17.  
    this.$cookies.set("token","GH1.1.1689020474.1484362313","60s"); // 60秒后過去
18.  
     
19.  
    this.$cookies.set("token","GH1.1.1689020474.1484362313","30MIN"); // 30分鍾后過去

2.在Cookie中取出

1.  
   // Read cookie:
2.  
   Cookies.get('name'); // => 'value'
3.  
   Cookies.get('nothing'); // => undefined
4.  
    
5.  
   // Read all visible cookies:
6.  
   Cookies.get(); // => { name: 'value' }

3.刪除

1.  
   // Delete cookie:
2.  
   Cookies.remove('name');
3.  
    
4.  
   // Delete a cookie valid to the path of the current page:
5.  
   Cookies.set('name', 'value', { path: '' });
6.  
   Cookies.remove('name'); // fail!
7.  
   Cookies.remove('name', { path: '' }); // removed!

四、特殊使用（在Cookie中存對象）

跟一般使用不同的是，從Cookie中取出的時候，要從字符串轉換成json格式：

1.  
   const user = {
2.  
   name: 'lia',
3.  
   age: 18
4.  
   }
5.  
   Cookies.set('user', user)
6.  
   const liaUser = JSON.parse(Cookies.get('user'))

    

   原文地址： Vue Cookie的使用（js-cookie插件）_林中明月間丶-CSDN博客