首先我们要在我们的项目中建立一个文件夹，如下图所示

2.下面来写一写关于写关于cookie的方法，获取cookie,设置，清除等，代码如下：

     //获取cookie、
     export function getCookie(name) {
        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
        if (arr = document.cookie.match(reg))
        return (arr[2]);
        else
        return null;
   }

   //设置cookie,增加到vue实例方便全局调用
   export function setCookie (c_name, value, expiredays) {
        var exdate = new Date();
        exdate.setDate(exdate.getDate() + expiredays);
        document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
   };

    //删除cookie
    export 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();
   };

3.下面来看看登录页面，都是大同小异

4.具体实现代码如下：