前端：Vue中使用JS-Cookie

在我们构建Vue站点时候，可能需要使用 cookie 来记录用户信息或者偏好设置，我们可以引入第三方库

GitHub - js-cookie/js-cookie: A simple, lightweight JavaScript API for handling browser cookies

来方便地操作 cookie。接下来我们就来一步一步地实现在 Vue  中使用 JS-Cookie 来操作 cookie。

1. 安装JS-Cookie 

首先，在命令行中使用 npm 或 yarn 安装 JS-Cookie:

npm install js-cookie
# 或
yarn add js-cookie

2. 引入JS-Cookie

在需要使用 cookie 的组件中，引入

import Cookies from 'js-cookie'

3. 设置cookie

export const setCookie = Cookies.set.bind(Cookies)
export const removeCookie = Cookies.remove.bind(Cookies)
export const getCookie = Cookies.get.bind(Cookies)

使用的时候调用即可 

import { cookie } from '@/global/cookie'
const store = cookie()
store.setCookie()