Vue中封装设置、获取、删除Cookie方法

1 设置Cokkie

function setCookie(name, value, day) {
    let date = new Date()
    date.setDate(date.getDate() + day)
    document.cookie = name + '=' + value + ';expires=' + date
  }

2 获取Cookie

function getCookie(name) {
    let reg = RegExp(name + '=([^;]+)')
    let arr = document.cookie.match(reg)
    if (arr) {
      return arr[1]
    } else {
      return ''
    }
  }

3 删除Cookie

调用设置上面Cookie方法

function delCookie(name) {
   setCookie(name, null, -1)
 }

4 也可以安装js-cookie，这样就可以不用自己封装Cookie了

js-cookie是一个简单的，轻量级的处理cookies的js API。

// npm安装
npm install js-cookie --save

// 引用
import Cookies from 'js-cookie'

// 使用
1 设置cookie
Cookies.set('name', 'value'， day);
2 获取cookie
Cookies.get('name');
3 删除
Cookies.remove('name');