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')