一、各种存储方案的对比
Cookies:浏览器均支持,容量为4KB
LocalStorage:HTML5,容量为5M
SesstionStorage:HTML5,容量为5M
二、sessionStorage和localStorage的区别
sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。当用户关闭浏览器窗口后,数据立马会被删除。
localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。第二天、第二周或下一年之后,数据依然可用。
三、localStorage 用法
1、存储数据
localStorage.setItem("name","caibin")
2、获取数据
localStorage.getItem("name")
3、删除数据
localStorage.removeItem("name");
4、清空数据
localStorage.clear()
参考:https://www.jb51.net/article/119995.htm
实例详解:https://www.cnblogs.com/st-leslie/p/5617130.html
四、sessionStorage用法(同localstorage)
参考:https://blog.csdn.net/rrz634171/article/details/78086065
五、cookie用法
import Cookies from 'js-cookie'
* 设置 cookie
Cookies.set('companyType', res.company_type, { expires: 1 })
* 获取 cookie
this.company_type = Cookies.get('companyType')