cookie、sessionStorage、localStroage、vuex

cookie，sessionStorage 和 localStorage 的区别

• cookie 是网站为了标识用户身份而储存在用户本地终端上的数据（通常经过加密），cookie 数据始终在同源的 http 请求中携带，即使不需要，即会在浏览器和服务器间来回传递
• sessionStorage 和 localStorage 不会自动把数据发给服务器，仅在本地保存。
• 存储大小：
  • cookie 数据大小不能超过 4k
  • sessionStorage 和 localStorage 虽然也有存储大小的限制，但比 cookie 大得多，可以达到 5M 或更大
• 有期时间：
  • localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据
  • sessionStorage 数据在当前浏览器窗口关闭后自动删除
  • cookie 设置的 cookie 的过期时间，在这之前一直有效，就算窗口或浏览器关闭

vuex、sessionStorage、localStorage

vuex存储在内存中；localStorage以文件的方式存储在本地，永久保存；sessionStorage临时保存。
vuex用于组件之间的传值；localStorage和sessionStorage主要用于不同页面之间的传值。
当刷新页面时vuex存储的数据会丢失；localStorage和sessionStorage不会。