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

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

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

安装

npm install vue-cookies --save

引入使用

方式一(全局引入):

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

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

import  VueCookies  from   vue-cookies 

Api function 方法

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

设置 cookie:

this.$cookies.set(keyName, time)

删除cookie:

this.$cookies.remove(keyName)

获取cookie:

this.$cookies.get(keyName)

获取所有cookie:

this.$cookies.keys()

监测cookie是否存在:

this.$cookies.isKey(keyName)

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容