cookie

cookie

写好cookie 的 部分作用代码 并把 代码放入 src 下创建好的 utils 文件 准备引入

//写cookies
function setCookie(name, value, expires) {
    var exp = new Date();
    exp.setTime(exp.getTime() + expires * 1000);
    document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}

//读取cookies
function getCookie(name) {
    var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
    if (arr = document.cookie.match(reg)) {
        return unescape(arr[2]);
    } else {
        return null;
    }
}
//删除cookies
function delCookie(name) {
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval = getCookie(name);
    if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
}

export default {
    setCookie,
    getCookie,
    delCookie
}

![在这里插入图片描述](https://img-blog.csdnimg.cn/2021010219233450.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0RhbmllbEJsYWNrQ2F0,size_16,color_FFFFFF,t_70

在main.js中引入写好的cookie

import cookie from '@/utils/cookie';

Vue.prototype.$cookie = cookie;

引入完成方可调用 this.$cookie 方可

举例 在登陆界面 写入

使用cookie

清除cookie