安装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

转载于:https://www.cnblogs.com/BlameKidd/p/10890260.html

vue-cookies的使用相关推荐

  1. vue中使用cookies和crypto-js实现记住密码和加密

    使用crypto-js加解密 第一步,安装 npm install crypto-js 第二步,在你需要的vue组件内import import CryptoJS from "crypto- ...

  2. vue的cookies:vue-cookies 设置,获取及删除指定的cookies

    安装: npm install vue-cookies --save 引用 main.js中设置 // vue-cookies配置 import cookies from 'vue-cookies' ...

  3. vue中axios开启cookies

    转载于:https://www.cnblogs.com/DZzzz/p/8908342.html

  4. vue国际化-vue-i18n的配置

    1.前提基础 对vue.js.vuex等有基本的了解 element国际化配置 2.安装依赖 npm i -S element-ui vue-i18n js-cookie 复制代码 安装js-cook ...

  5. 关于Vue中常用的工具函数封装

    ## Vue 项目中工具函数,我们通常会添加到Vue的原型中,这样就实现了全局函数 import Vue from 'vue' Vue.prototype.$tools = function (){} ...

  6. vue php跨域,Vue 项目中遇到的跨域问题及解决方法(后台php)

    问题描述 前端 vue 框架,后台 php,百度跨域问题后台加这段代码 header("Access-Control-Allow-Origin: *"); 加了之后报这个错: Th ...

  7. 一步步带你做vue后台管理框架(三)——登录功能

    系列教程<一步步带你做vue后台管理框架>第三课 github地址:vue-framework-wz 线上体验地址:立即体验 <一步步带你做vue后台管理框架>第一课:介绍框架 ...

  8. vue在开发环境怎么兼容ie_Vue兼容ie9的问题全面解决方案

    前言 背景情况 vue - 2.5.11 vue-cli 使用模板 webpack-simple http请求:axios Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+,即是 ie9 ...

  9. vue+node+mongodb 搭建一个完整博客

    Vue + Node + Mongodb 开发一个完整博客流程 前言 前段时间刚把自己的个人网站写完, 于是这段时间因为事情不是太多,便整理了一下,写了个简易版的博客系统 服务端用的是 koa2框架 ...

  10. Vue iView Admin 动态路由菜单加载 前后端分离(springboot 2.x iview admin vue 前后端分离 模型设计器 动态数据权限...

    宣传官网 xb.exrick.cn 在线Demo xboot.exrick.cn 开源版Github地址 github.com/Exrick/x-bo- 开发文档 www.kancloud.cn/ex ...

最新文章

  1. 随机生成图像 与 图像的转维(reshape)
  2. 作者:周园春(1975-),男,博士,中国科学院计算机网络信息中心研究员、博士生导师...
  3. 使shell用结构化命令
  4. lua——赢三张牌型处理相关算法(上)——牌值数据
  5. 收藏 | 这所985的机器学习、深度学习公开课,附PDF课件下载
  6. 10-2-文章分页展示
  7. 学习笔记-小甲鱼Python3学习第二十三、二十四讲:函数:这帮小兔崽子、汉诺塔...
  8. Google 地球专业版离线下载
  9. 一文带你玩转 DataStore
  10. 20172328的结对编程四则运算第二周-整体总结
  11. css clac计算属性
  12. NLP 论文领读 | 缺少有标注的数据集怎么训练文本检索模型?来看看 LaPraDoR怎么做的吧
  13. linux 卸载 sdcc,Linux sdcc安装
  14. JAVA毕业设计广东省梅州市宇恒节能科技有限公司计算机源码+lw文档+系统+调试部署+数据库
  15. python如何回退_Pycharm技巧之代码跳转该如何回退
  16. 《Edge Boxes: Locating Object Proposals from Edges》读后感~
  17. 持续迭代、永久更新的WIN NFT HORSE,具有无穷无尽的生命力
  18. JVM性能监控及调优篇
  19. vivo换手机云服务器,vivo玩机指南:换新机数据不用烦,云服务一步搞定
  20. 中国服务机器人产业发展,需要解决哪些痛点?

热门文章

  1. oracle 的行级触发器
  2. NSArray ----NSMutableArray
  3. datagrid中使用dropdownlist编辑模版时遇到问题
  4. ASP.NET 2.0 中的资源与本地化
  5. Redis 常用监控信息命令总结
  6. jvm内置锁synchronized不能被中断
  7. 多进程Socket_Client
  8. JavaScript——创建对象
  9. Mac系统下安装PIL
  10. CapsLock Enhancement via AutoHotKey