一、区别：

1、存储位置

• vuex储存在内存
• localStorage和sessionStorage以文件的方式储存在本地，localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON.stringify(obj)将其转成字符串，取出来时使用 JSON.parse(str)重新转成对象。
• localStorage( 本地存储 )，永久存储
• sessionStorage（会话存储），临时保存

2、应用场景

• vuex用于组件之间的传值
• localstorage，sessionstorage则主要用于不同页面之间的传值。

3、永久性

• 当刷新页面（这里的刷新页面指的是 --> F5刷新,属于清除内存了）时vuex存储的值会丢失，
• sessionStorage 刷新数据不丢失，页面关闭后清楚数据
• localStorage中的数据永久保存，除非手动删除

4、是否支持响应式

• vuex支持响应式，一个组件的数据变化会映射到使用这个数据的其他组件
• sessionStorage、localStorage不支持响应式，修改之后不会触发View的响应式变化，localStorage修改没有记录，不利于调试和回溯

二、vuex

三、localStorage

使用详解

四、sessionStorage

使用详解

转载：https://blog.csdn.net/Mr_EvanChen/article/details/83624506