码迷,mamicode.com
首页 > 其他好文 > 详细

localStorage,session Storage和Vuex

时间:2020-03-03 00:52:53      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:oca   ssi   简单   文件的   nbsp   丢失   永久   保存   local   

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

标签:oca   ssi   简单   文件的   nbsp   丢失   永久   保存   local   

原文地址:https://www.cnblogs.com/yanjieyan/p/11958691.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!