vue中的cookies缓存存值方式 超简单

npm install vue-cookies --save

import Vue from 'vue'
import VueCookies from 'vue-cookies'
Vue.use(VueCookies)

this.$cookies.set('selectValue', this.value,"1h")  
//  selectValue==cookies名称
//  this.value==值
//  1h cookies过期时间

this.$cookies.get('selectValue')

npm install good-storage

//  main.js里面写入
import storage from 'good-storage'
 
// localStorage
 storage.set(key,val) 
 
 storage.get(key, def)
 
 // sessionStorage
 storage.session.set(key, val)
 
 storage.session.get(key, val)

npm install vue-cookie --save

var Vue = require('vue');
var VueCookie = require('vue-cookie');
  
Vue.use(VueCookie);
  
// 设置cookie  
this.$cookie.set('test', 'Hello world!', {expires: 1, domain: 'localhost'});
// expires 过期时间：  
1Y  ---->  1年 
1M  ---->  1个月
1D  ---->  1天
1h  ---->  1小时
10m ---->  10分支
30s ---->  30秒
  
// 使用cookie
this.$cookie.get('test');
 
//删除cookie
this.$cookie.delete('test');

npm install vue-cookies --save

//方式1： require
var Vue = require('vue')
Vue.use(require('vue-cookies'))
 
//方式2： es2015 module
import Vue from 'vue'
import VueCookies from 'vue-cookies'
Vue.use(VueCookies)

// 设置默认配置   过期时间7天
VueCookies.config('7d')
  
// 设置全局的
VueCookies.set('theme','default');
VueCookies.set('hover-time','1s');
  
// 设置cookie   （expireTimes、path、domain非必须设置）
$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure]]]]) 
 
// 使用cookie
$cookies.get(keyName)  
 
//删除cookie
$cookies.remove(keyName [, path [, domain]])