Vue中的vuex和localStorage、sessionStorage都是用来存储数据、解决数据共享问题的。
Vuex是专门针对于Vue.js的状态管理模式,采用集中式的存储管理组件的状态。vuex存储在内存中,当页面刷新的时候数据就会丢失。
localStorage和sessionStorage都采用在浏览器缓存(本地存储)中存储数据的方式,然而,localStorage中的数据是具有永久性的,除非手动删除数据,就算关闭浏览器窗口,数据都是不会消失的。sessionStorage中的数据只是临时存储,当关闭页面之后,数据也会随之丢失。localStorage与sessionStorage中的数据只能通过字符串的方式进行存储,但是也可以使用JSON对象的stringify和parse来进行处理。
Vuex主要是用于组件之间的传值,而localStorage与sessionStorage一般是用于不同的页面之间的传值。
而且,在组件间共享的数据都会随着不同的操作改变的时候,只能使用vuex来处理,localStorage和sessionStorage是不方便处理这种数据的。