你難道不知道Vue-cookie？

install

npm install vue-cookies --save



main.js

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


API:

設(shè)置

this.$cookies.set(keyName, time)



獲取

this.$cookies.get(keyName)    



刪除

this.$cookies.remove(keyName)



查看一個(gè)cookie是否存在

this.$cookies.isKey(keyName)  



獲取所有cookie名稱

this.$cookies.keys()



示例

json對(duì)象

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



過(guò)期時(shí)間
默認(rèn)為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 ");//某一時(shí)刻
this.$cookies.set("token","GH1.1.1689020474.1484362313", Infinity);  // 永不過(guò)期
this.$cookies.set("token","GH1.1.1689020474.1484362313", -1); //永不過(guò)期

作者：Vam的金豆之路

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

我的微信：maomin9761

微信公眾號(hào)：前端歷劫之路