你難道不知道Vue-cookie？

install

npm install vue-cookies --save



main.js

import VueCookies from 'vue-cookies'
Vue.use(VueCookies)


API:

設置

this.$cookies.set(keyName, time)



獲取

this.$cookies.get(keyName)    



刪除

this.$cookies.remove(keyName)



查看一個cookie是否存在

this.$cookies.isKey(keyName)  



獲取所有cookie名稱

this.$cookies.keys()



示例

json對象

var user = { id:1, name:'Journal',session:'25j_7Sl6xDq2Kc3ym0fmrSSk2xV2XkUkX' };
this.$cookies.set('user',user);
// print user name
console.log(this.$cookies.get('user').name)



過期時間
默認為1天


this.$cookies.set("default_unit_second","input_value",1);         // 1秒之后
this.$cookies.set("token","GH1.1.1689020474.1484362313","60s");  // 60秒之后,
this.$cookies.set("token","GH1.1.1689020474.1484362313","30MIN");//30分鐘之后 ,不區(qū)分大小寫
this.$cookies.set('token',"GH1.1.1689020474.1484362313", new Date(2017,3,13).toUTCString());//某一天
this.$cookies.set("token","GH1.1.1689020474.1484362313", "Sat, 13 Mar 2017 12:25:57 GMT ");//某一時刻
this.$cookies.set("token","GH1.1.1689020474.1484362313", Infinity);  // 永不過期
this.$cookies.set("token","GH1.1.1689020474.1484362313", -1); //永不過期

作者：Vam的金豆之路

主要領域：前端開發(fā)

我的微信：maomin9761

微信公眾號：前端歷劫之路