vue-cookies的使用

安裝vue-cookies

npm install vue-cookies --save

使用vue-cookies

// 在main.js中

// require
var Vue = require('vue')
Vue.use(require('vue-cookies'))

// es2015 module (推薦使用這個)
import Vue from 'vue'
import VueCookies from 'vue-cookies'
Vue.use(VueCookies)

 

API:

語法格式: 

[this | Vue | window].$cookies.[method]

設置全局配置:

// 默認expireTimes為 1d, path = /
this.$cookies.config(expireTimes[,path])

例如: 

this.$cookies.config('30d')

設置一個cookies:

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

獲取一個cookies:

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

刪除一個cookies:

this.$cookies.remove(keyName, [, path [, domain]])    // return this

判斷一個cookies是否存在:

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

獲取所有的cookies:

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

 

注意: 

$ cookies的關鍵名稱不能設置成['expires'，'max-age'，'path'，'domain'，'secure']

 

參考官網: https://www.npmjs.com/package/vue-cookies#package-managers