vuex和本地存储(localstorage,sessionstorage)的区别和应用场景

本文比较了Vuex(状态管理器)与Localstorage、Sessionstorage在数据存储、应用场景、持久性和组件间通信方面的差异。Vuex适合组件间实时数据共享,而Localstorage适用于跨页面持久数据,Sessionstorage则为临时存储且在会话结束时清除。
摘要由CSDN通过智能技术生成

1.实质性的区别

vuex存的是状态,存储在内存中,可以实现耦合解耦合,vuex有五大核心,localstorage没有,vuex存储数据大小没有限制,localstorage(本地存储)则是以文件的方式存储在本地,永久保存,sessionstorage(会话存储),临时保存,localstorage和sessionstorage只能存储字符串,对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和paese来处理,localstorage如果存的数据是引用类型的需要用JSON.stringify()序列化

2.应用场景

vuex用于组件之间的传值,可以实现组件间的数据共享一个变全变,localstorage,sessionstorage则主要是用于不用页面之间的传值

3.永久性

当页面刷新时(清除内存)vuex存储的值会丢失,localstorage刷新页面不会丢失,sessionstorage页面关闭后值会被清除掉

4.总结

localstorage不可以代替vuex,对于不变的数据确实可以,但是当两个组件共用一个数据源(对象或数组)时,如果其中一个组件改变了该数据的数据源,希望另一个组件也改变的时候localstorage,sessionstorage无法做到,vuex是vue的状态管理机制,是方便组件之间通信的,一个组件的数据变化会映射到使用这个数据的其他组件,而localstorage是本地存储,将数据存储到浏览器的方法,一般是在跨页面传递数据的时候使用

  • 19
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值