vuex存储和本地存储(localstorage、sessionstorage)的区别
1.最重要的区别:vuex的$store是存储在内存里,其他的则以文件的方式存储在本地。Vuex可以在同一个页面里不同的组件之间相互传值,并且是响应式的。
2.应用场景:举一个应用场景,一个购物车表单页面包含AB两个组件:(A)商品数量和(B)总金额,用户操作购物车(A)商品数量的增减可以在当前页面不刷新的状态下直接体现(B)总金额的变化。而localStorage、sessionStorage和cookie则可以跨页面的传值,跳转刷新页面后显示变化结果。
3.永久性:当刷新页面时vuex存储的值会丢失,localStorage支持永久性,sessionStorage只支持当前会话窗口的页面。
注:很多同学觉得用localstorage可以代替vuex, 对于不变的数据确实可以,但是当两个组件共用一个数据源(对象或数组)时,如果其中一个组件改变了该数据源,希望另一个组件响应该变化时,localstorage无法做到,原因就是区别1。