vuex存储和本地存储的区别

摘要:
1.本质区别在于vuex存储状态和内存。Localstorage是浏览器提供的界面。它允许您存储文件并将其以文件的形式存储在本地,我认为可以用本地存储取代vuex。确实可以使用相同的数据。然而,当两个组件共享一个数据源时,如果一个组件更改了数据源并希望另一个组件响应更改,则localstorage无法这样做,因为差异是1。

1、实质的区别

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

2、应用场景

vuex用于组件之间的传值,localstorage则主要用于页面之间的传值

3、永久性

当刷新页面时,vuex存储的值会丢失,localstorage不会

4、总结

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

免责声明:文章转载自《vuex存储和本地存储的区别》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇IDEA之基本优化设置Redis性能篇(三)Redis关键系统配置:如何应对Redis变慢下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

localStorage兼容方案

localStorage是H5的存储方案,各大浏览器支持都相当不错,唯一悲催的就是IE,这个浏览器界的另类总是显得格格不入。 IE “Internet选项”->“安全”中有一个“启动保护模式”的单选项,在选中的情况下localStorage是无法使用的,直接提示“拒绝访问”,就算不勾选,下次打开IE时也很有可能弹出“是否启用保护模式”的提示,此时除了...

vue项目中vuex的安装和使用

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。详情可参阅vuex官网    https://vuex.vuejs.org/zh/ 1、下载安装vuex 打开IDE(我的是vscode)进入终端,进入项目文件,输入命令行npm install vue...

localStorage 设置过期时间

设置localStorage过期时间方法。 /***** name:localStorage的key* data:localStorage的Value* expire:localStorage的过期时间,默认是1天后过期****///设置缓存 const localStorageSet = (name, data, expire = new Date()...

19. Vue+i18n 实现多语言翻译

1. npm 安装   npm install vue-i18n 2. src/assets文件夹下穿件文件夹i18n,   然后再在i18n文件夹中创建langs文件夹和i18n.js文件,   最后再在langs文件夹下创建相应语言文件,我这里是cn.js中文文件,en.js英文文件。   如图所示(相应文件的代码在下面):    3.main.js...

项目中 关于localstorage、cookie的坑?明明设置了本地存储为什么没生效

1.简单的介绍一下localStorage,sessionStorage,cookie localStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,如果不是人为清除,那么即使是关闭浏览器也会一直存在。 sessionStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,会话级存储,也就是说如果关闭当前页面或者浏览器那么就会清...

上传大文件的解决方案

需求: 项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在20G内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以20G来进行限制。 PC端全平台支持,要求支持Windows,Mac,Linux 支持所有浏览器。 支持文件批量上传 支持文件夹上传,且要求在服务端保留层级结构。文件夹数量要求支持到10W。 支持大文件断点续传,要求...