vuex数据存储和本地区别和原理

vuex与本地存储的区别和原理
1.开发环境 vuecli3+element
2.电脑系统 windows 10 专业版
3.在开发的过程中,我们总是要实现组件之间的通讯!如果使用 vue进行开发,我们一般会选择 vuex实现组件之间的传值。了解过数据存储的朋友,肯定知道还是可以通过本地存储(localStorage和sessionStorage进行实现的),那么问题来了(vuex和本地存储有什么区别呢?)

4.相信用过vuex的小伙伴都知道 vuex储存的数据是不能刷新的,一刷新的话,数据就会丢失。原因:因为vuex存储在 内存里,按 f5或者是ctrl+f5 是清除 内存。其实,vuex还是很方便的,大家根据项目的需求选择不同的方法。我们还可以通过 localStorage和sessionStorage 来代替 vuex存储。相信用过 localStorage和sessionStorage 的小伙伴都知道,使用localStorage和sessionStorage 存储的数据,按 f5或者是 ctrl+f5 进行刷新,数据不会丢失。为什么呢?localstorage（本地存储）则以文件的方式存储在本地,永久保存;sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型,对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理。
sessionstorage页面关闭后就清除掉了,localstorage不会。
5.本期的内容到了这里就结束啦,希望对你有所帮助。让我们一起努力走向巅峰。