vue使用js-cookie

Vue.js 是一个流行的 JavaScript 框架，而 js-cookie 是一个用于操作浏览器 cookie 的 JavaScript 库。通过结合使用 Vue.js 和 js-cookie，我们可以方便地在 Vue.js 应用程序中管理和操作 cookie。

要使用 js-cookie，首先需要在项目中安装它。可以通过 npm 或者 yarn 进行安装：

npm install js-cookie

或者

yarn add js-cookie

安装完成后，在需要使用 cookie 的组件中引入 js-cookie：

import Cookies from 'js-cookie';

然后，你可以使用 js-cookie 提供的方法来设置、获取和删除 cookie。以下是一些常用的方法示例：

1. 设置 cookie：

Cookies.set('key', 'value');

2. 获取 cookie：

const value = Cookies.get('key');

3. 删除 cookie：

Cookies.remove('key');

在 Vue.js 组件中使用 js-cookie 的示例代码如下：

<template>
  <div>
    <button @click="setCookie">Set Cookie</button>
    <button @click="getCookie">Get Cookie</button>
    <button @click="deleteCookie">Delete Cookie</button>
  </div>
</template>

<script>
import Cookies from 'js-cookie';

export default {
  methods: {
    setCookie() {
      Cookies.set('key', 'value');
    },
    getCookie() {
      const value = Cookies.get('key');
      console.log(value);
    },
    deleteCookie() {
      Cookies.remove('key');
    },
  },
};
</script>

这样，你就可以在 Vue.js 应用程序中使用 js-cookie 来管理 cookie 了。