当前位置:首页 > 前端 > Vue.js

vue之vue-cookies 获取、设置以及删除指定的cookies

JavaScript操作cookies是项目中常用的功能,几乎所有浏览器都支持原生的cookies并且后端接口可以直接写入cookies,这点相对于localStore来说也算个小优势,而现在大多数情况下项目开发会选择vue框架,因为vue框架开发效率搞,也更易于后期的升级迭代和维护。那么好的工具来了,vue-cookies主要用于vue项目中操作cookie。

安装

  1. npm install vue-cookies --save

引入使用

方式一(全局引入):

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

方式二(局部引入,如果是小范围使用推荐局部引入的方式):

  1. import VueCookies from 'vue-cookies'

Api function 方法

一下为全局引入的使用,如果是局部引入则this对象改成引入的VueCookies

设置 cookie:

  1. this.$cookies.set(keyName, time)

删除cookie:

  1. this.$cookies.remove(keyName)

获取cookie:

  1. this.$cookies.get(keyName)

获取所有cookie:

  1. this.$cookies.keys()

监测cookie是否存在:

  1. this.$cookies.isKey(keyName)
读后有收获可以支付宝请作者喝咖啡
< 上一篇 下一篇 >
文章评论
游客 2019-12-09 15:08:33
评论已开通
游客 2019-12-09 15:03:25
收藏啦!
湘ICP备15005320号-1 似懂非懂 Powered by doyo. 网站地图
返回顶部