首页 > 其他 > 详细

vuex存储和本地存储(localstorage、sessionstorage)的区别

时间:2020-08-14 23:25:56      阅读:96      评论:0      收藏:0      [点我收藏+]

1.最重要的区别:vuex的$store是存储在内存里,其他的则以文件的方式存储在本地。Vuex可以在同一个页面里不同的组件之间相互传值,并且是响应式的。

2.应用场景:举一个应用场景,一个购物车表单页面包含AB两个组件:(A)商品数量和(B)总金额,用户操作购物车(A)商品数量的增减可以在当前页面不刷新的状态下直接体现(B)总金额的变化。而localStorage、sessionStorage和cookie则可以跨页面的传值,跳转刷新页面后显示变化结果。

3.永久性:当刷新页面时vuex存储的值会丢失,localStorage支持永久性,sessionStorage只支持当前会话窗口的页面。

注:很多同学觉得用localstorage可以代替vuex, 对于不变的数据确实可以,但是当两个组件共用一个数据源(对象或数组)时,如果其中一个组件改变了该数据源,希望另一个组件响应该变化时,localstorage无法做到,原因就是区别1。

vuex存储和本地存储(localstorage、sessionstorage)的区别

原文:https://www.cnblogs.com/yyrecord/p/13504602.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!