1. 程式人生 > >vue 中 使用 vue-cookie

vue 中 使用 vue-cookie

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']