vue之vue-cookies使用

一、安裝vue-cookies

npm install --save vue-cookies  或者 yarn add vue-cookies

二、引入vue-cookie

// 方式一：require
var Vue = require('vue');
Vue.use(require('vue-cookies'));

// 方式二：es2015 module
import Vue from 'Vue'
import VueCookies from 'vue-cookies'
Vue.use(VueCookies)

三、vue-cookie使用

1.設置cookie

this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure]]]])   //return this

2.獲取cookie

this.$cookies.get(keyName)       // return value

3.刪除cookie

this.$cookies.remove(keyName [, path [, domain]])   // return  false or true , warning： next version return this； use isKey(keyname) return true/false,please

4.判斷cookie中是否存在指定鍵名

this.$cookies.isKey(keyName)        // return false or true

5.獲取cookie中的所有鍵名

this.$cookies.keys()  // return a array

注意：cookie的鍵名稱不能設置為：'expires'，'max-age'，'path'，'domain'，'secure'


官方api:https://www.npmjs.com/package/vue-cookies