• 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()
  • 相关阅读:
    获得客户端的信息
    JavaScript--垃圾回收器
    JavaScript--函数-按值传递
    JavaScript--声明提前
    JavaScript--函数-01
    JavaScript--赋值表达式(typeof-delete-void)
    JavaScript—赋值表达式-1
    JavaScript--机选双色球
    正则表达式的预判
    自定义比较器函数
  • 原文地址:https://www.cnblogs.com/baicai37/p/13363037.html
Copyright © 2020-2023  润新知