vuex存储和本地存储的区别

Vuex是一个专为Vue.js应用程序开发的状态管理模式,它存储的是状态,在内存中,而Localstorage是浏览器提供的持久化本地存储,两者应用场景不同。Vuex适合组件间状态管理和通讯,刷新后数据丢失;Localstorage数据在页面刷新后仍保留,适用于跨页面数据传递。当需要组件间响应式数据同步时,Vuex是更好的选择,而Localstorage无法实现这种实时更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

因为在使用中,感觉localstorage可以替代vuex,因此搜索看了一下详细的关于vuex存储和本地存储的区别。如下:

1、实质的区别
vuex存的是状态,存储在内存,localstorage是浏览器提供的接口,让你存的是文件,以文件的形式存储在本地

2、应用场景
vuex用于组件之间的传值,localstorage则主要用于页面之间的传值

3、永久性
当刷新页面时,vuex存储的值会丢失,localstorage不会

4、总结
个人在使用的时候,觉得用localstorage可以代替vuex, 对于不变的数据确实可以,但是当两个组件共用一个数据源(对象或数组)时,如果其中一个组件改变了该数据源,希望另一个组件响应该变化时,localstorage无法做到,原因就是区别1。这俩完全就是俩个东西,vuex是vue的状态管理机制,是方便组件之间通信的。一个组件的数据变化是会映射到使用这个数据的其他的组件。而localstorage是本地存储,是将数据存到浏览器的方法,一般是在跨页面传递数据时使用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值