localStorage、sessionStorage和cookie的使用
vue-cookies的使用
首先需要安装vue-cookies
cnpm install vue-cookies -S
具体使用方法如下:
设置cookie:
// key,value形式、过期时间为7天 cookie.set('name', 'zeng', '7d')
获取cookie:
// 打印key值为name的cookie console.log(cookie.get('name'))
删除cookie:
// 删除key值为name的cookie cookie.remove('name')
localStorage与sessionStorage的使用
二者区别如下:
localStorage:永久有效,即便浏览器重启也有效,只能手动或代码删除
sessionStorage:当次有效,关闭浏览器,就会清除
使用方式:
设置:
localStorage.setItem('name', 'zeng')
sessionStorage.setItem('name', '彭于晏')
获取:
console.log(localStorage.getItem('name'))
console.log(sessionStorage.getItem('name'))
删除:
// 清空全部 localStorage.clear() // 清空指定的 localStorage.removeItem('name') sessionStorage.clear() sessionStorage.removeItem('name')