localStorage,session Storage和Vuex
Posted yanjieyan
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了localStorage,session Storage和Vuex相关的知识,希望对你有一定的参考价值。
1.local storage
local storage以文件的方式存储在本地,永久保存。只能存储字符串类型, 对于其他类型可使用JSON.stringify和JSON.parse方法转换存储。
用法:localStorage.setItem("token": value);
localStorage.token = value;
localStorage[‘token‘] = value;
2.SessionStorage
session storage会话存储,临时保存,关闭页面就被清除。除此之外,session的限制还在于 同一浏览器、同一窗口并且同源。只能存储字符串类型, 对于其他类型需要json stringify和parse方法转换存储。
用法:
sessionStorage.setItem("token": value);
sessionStorage.token = value;
sessionStorage[‘token‘] = value;
3.Vuex
用于组件之间传值,当多个组件共用一个数据源的时候,如果此时数据发生变化,其他组件同时变化.But Vuex是存储在内存中的,页面刷新 =>清空内存=>所以状态会丢失。
可用于组件之间的通信。方便。
以上简单总结以便记忆
以上是关于localStorage,session Storage和Vuex的主要内容,如果未能解决你的问题,请参考以下文章
cookie和session和localStorage的区别
session,cookie,sessionStorage,localStorage的区别及应用场景
javascript存储 --- session cookie localStorage sessionStorage