vue中cookie的使用,javascript访问用户cookie
这篇文章主要介绍了某视频剪辑软件中使用js-cookie详情，文章围绕js-cookie的相关资料展开详细内容具有一定的的参考价值，需要的小伙伴可以参考一下
目录
一、安装js-cookie二、使用1、局部使用2、全局使用
一、安装js-cookie
cnpm i -S js-cookie
二、使用
1、局部使用
从" js-cookie "导入曲奇；
示例：
模板
差异
p当前令牌：{{token}}/p
El-button @ click= getToken() getToken/El-button
El-button @ click= setToken( asdfasasf暗室逢灯FDA SDF)) setToken/El-button
El-button @ click= remove token()删除令牌/El-button
/div
/模板
脚本
从" js-cookie "导入曲奇；
导出默认值{
组件：{},
data() {
返回{
令牌：""
};
},
方法：{
getToken() {
这个。令牌=cookies。get( token )；
},
塞托肯(令牌){
Cookies.set(token ，令牌);
},
移除令牌：()=cookies。删除(令牌)
}
};
/脚本
效果：
如果想要设置有效期，添加期满属性即可，单位为天。即：
塞托肯(令牌){
饼干。set( token ，token，{ expires:7 })；//有效期为七天
}
获取所有Cookie函数：饼干。get()；
2、全局使用
main.js中引入：
从" js-cookie "导入曲奇；
Vue.prototype. $ cookie=Cookies
使用：
模板
差异
p当前令牌：{{token}}/p
El-button @ click= getToken() getToken/El-button
El-button @ click= setToken( asdfasasf暗室逢灯FDA SDF)) setToken/El-button
El-button @ click= remove token()删除令牌/El-button
/div
/模板
脚本
导出默认值{
data() {
返回{
令牌： ,
所有所有allCookies:" "
};
},
方法：{
getToken() {
这个. token=这个.$曲奇。get( token )；
},
塞托肯(令牌){
这个. cookie.set(token ，token，{ expires:7 })；//有效期为七天
},
removeToken() {
这个100美元的饼干。remove( token )；
}
}
};
/脚本
注意：全局使用js-cookie时，这里的移除令牌函数就不要用箭头函数了，就用普通的函数写法
到此这篇关于某视频剪辑软件中使用js-cookie详情的文章就介绍到这了，更多相关某视频剪辑软件使用js-cookie内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。