vue 使用 cookie

Posted 2023-03-14

参考技术A vue-cookie

第一步：安装vue-cookie

npm install vue-cookie --save

第二步：在 mian.js 引入和通过 Vue.use() 明确地安装

在 main.js 中引入

// require es5 方法

var Vue = require('vue')

Vue.use(require('vue-cookie')) // 挂在在全局了

// es6 方法

import Vue from 'Vue'

import VueCookie from 'vue-cookie'

Vue.use(VueCookie)  // 挂在在全局了

组件中设置一个cookie

// 组件中直接使用 来设置cookie

this.$cookie.set('test', 'Hello world!', 1);

获取一个cookie

// 组件中获取方式

this.$cookie.get('test');      // return value

删除一个cookie

// 删除 cookie

this.$cookie.delete('test');

警告

$ cookie关键名称不能设置为['expires'，'max-age'，'path'，'domain'，'secure']