Vuex 与 Localstorage 的区别
1.最重要的区别
一,vuex 存储在内存告厅纤
二,localstorage 以文件的方式存储在本地
三,localstorage 只能存储字符串类型的数据,储存对象需要JSON的Stringify 和 parse 方法进行处理袜仿,读取内存比读取硬盘速度要快
2.应用场景,
一,vuex 是一个专为vue.js 应用程序开发的状态管理模式,它采用集中式管理应用的所有组件状态,并以相应的规则保证
状态的以一种 可以预测的方式发生变化,vuex 用于组件之间的传值,
二,localstorage 是本地储存,是将数据存储到浏览器的伏历方法,一般在跨页面传递数据时使用。
三,vuex能够做到数据的响应式,localstorage 不能
3.永久性
刷新页面时vuex存储的值会丢失,localstorage 不会,
vuex和localstorage存储数据有什么区别
vuex管理的唤州是应用处于当前运行状态下的一些数据,而storage保存的是由应用告诉浏览器需要保存的数据,区别是,网页一刷新,vuex数据就没了,而storage不受刷新影响。掘唯。和散蔽。因此,在保存数据时,应该结合所使用场景的情况,因地制宜
23、Vuex、localStorage、sessionStorage、cookies的区别
sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。
用法:
储存:sessionStorage.setItem("变量名", "变量值");
获取: sessionStorage.getItem("变量名");
localStorage 方法存储的数据长期存在浏览器中,必须手动清除
用法:
储存:localStorage.setItem("变量名", "变量值");
获取:localStorage.getItem("变量名");
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态哪渣大以一种可预测的方式发生变化。
用法:
1.区别:李竖vuex存储在内存,localstorage(本地存储)则以文件的方式存储在本地,永久保存;sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型,对于复杂的对象可以使用ECMAScript提供的JSON对象梁唯的stringify和parse来处理
2.应用场景:vuex用于组件之间的传值,localstorage,sessionstorage则主要用于不同页面之间的传值。
3.永久性:当刷新页面(这里的刷新页面指的是 -- F5刷新,属于清除内存了)时vuex存储的值会丢失,sessionstorage 页面关闭后就清除掉了, localstorage不会。
注:很多同学觉得用localstorage可以代替vuex, 对于不变的数据确实可以,但是当两个组件共用一个数据源(对象或数组)时,如果其中一个组件改变了该数据源,希望另一个组件响应该变化时,localstorage,sessionstorage无法做到,原因就是区别1。
以上内容为新媒号(sinv.com.cn)为大家提供!新媒号,坚持更新大家所需的前端知识。希望您喜欢!
版权申明:新媒号所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报,一经查实,本站将立刻删除。