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

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