npm install --save js-cookie

import Cookies from "js-cookie";

  data() {
      return {
        //登錄表單
        loginForm: {
          username: "", //用戶名
          password: "", //密碼
          captcha: "", //驗(yàn)證碼的值
          isRemember: false, //是否記住密碼
        },
      }
    },

 created() {
      //一進(jìn)頁面就先獲取cookies里面的參數(shù)
      this.getCookie()
    },
    methods: {
      // 獲取cookie參數(shù)
      getCookie() {
        const username = Cookies.get("username");
        const password = Cookies.get("password");
        const isRemember = Cookies.get("isRemember");
        this.loginForm.username =
          username == undefined ? this.loginForm.username : username;
        this.loginForm.password =
          password == undefined ? this.loginForm.password : decrypt(password);
        this.loginForm.isRemember =
          isRemember == undefined ? false : Boolean(isRemember);
        Cookies.remove('data');
      },
    },
    onLogin() {
      //點(diǎn)擊登錄函數(shù)時(shí),如果勾選記住密碼
      if (this.loginForm.isRemember) {
        // 把賬號密碼等參數(shù)存到cookies,設(shè)置時(shí)間為30天
        Cookies.set("username", this.loginForm.username, {
          expires: 30,
        });
        Cookies.set("password", this.loginForm.password, {
          expires: 30,
        });
        Cookies.set("isRemember", this.loginForm.isRemember, {
          expires: 30,
        });
      } else {
        //如果此時(shí)沒有勾選記住密碼,就把cookies里面的參數(shù)移除
        Cookies.remove("username");
        Cookies.remove("password");
        Cookies.remove("isRemember");
      }
      //把登錄名和用戶名存好后,開始發(fā)接口請求數(shù)據(jù),此處省略....
    },

Cookies.set('userName', '嘻嘻嘻', { expires: 3 });