vue cookie

// 使用 vue-cookie 插件来操作 Cookie

// 首先安装 vue-cookie
// npm install vue-cookie --save

import Vue from 'vue';
import VueCookie from 'vue-cookie';

Vue.use(VueCookie);

// 设置一个 Cookie
Vue.$cookie.set('myCookie', 'value', { expires: '1d' }); // 设置一个名为 myCookie 的 cookie，值为 'value'，有效期为 1 天

// 获取一个 Cookie
const myCookieValue = Vue.$cookie.get('myCookie'); // 获取名为 myCookie 的 cookie 值

// 删除一个 Cookie
Vue.$cookie.delete('myCookie'); // 删除名为 myCookie 的 cookie

// 示例：在组件中使用
export default {
  mounted() {
    // 设置一个 Cookie
    this.$cookie.set('user', 'John Doe', { expires: '7d' });

    // 获取并显示 Cookie 值
    console.log(this.$cookie.get('user')); // 输出: John Doe

    // 删除 Cookie
    this.$cookie.delete('user');
  }
}

解释说明：

1. 安装插件：首先需要通过 npm 安装 vue-cookie 插件。
2. 引入和注册插件：在项目中引入并注册 vue-cookie 插件。
3. 设置 Cookie：使用 Vue.$cookie.set() 方法来设置一个 Cookie，可以指定名称、值和有效期等参数。
4. 获取 Cookie：使用 Vue.$cookie.get() 方法来获取指定名称的 Cookie 值。
5. 删除 Cookie：使用 Vue.$cookie.delete() 方法来删除指定名称的 Cookie。
6. 组件中使用：展示了如何在 Vue 组件的生命周期钩子（如 mounted）中操作 Cookie。