vue之vue-cookies 獲取、設置以及刪除指定的cookies

簡介

JavaScript操作cookies是項目中常用的功能，幾乎所有瀏覽器都支持原生的cookies並且后端接口可以直接寫入cookies，這點相對於localStore來說也算個小優勢，而現在大多數情況下項目開發會選擇vue框架，因為vue框架開發效率搞，也更易於后期的升級迭代和維護。那么好的工具來了，vue-cookies主要用於vue項目中操作cookie。

安裝

# 在pycharm的terminal終端執行
# npm install vue-cookies --save

引入方式

main.js中設置

// vue-cookies配置
import cookies from 'vue-cookies'
Vue.prototype.$cookies = cookies;

vue-cookie使用

1、設置cookie

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

// 簡潔使用
this.$cookies.set('key','value', '過期時間,按秒計');

// 示例
this.$cookies.set('username',response.data.username, '7d');

2、獲取cookie

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

3、刪除cookie

this.$cookies.remove("key");

4、判斷cookie中是否有指定的key

this.$cookies.isKey(keyName)

5、獲取所有cookie

this.$cookies.keys()