Vuex 和 localStorage 的区别

类别：vue / 日期：2022-12-21 / 浏览：279 / 评论：0

（1）最重要的区别 

vuex 存储在内存中

localstorage 则以文件的方式存储在本地，只能存储字符串类型的 数据，存储对象需要 JSON 的 stringify 和 parse 方法进行处理。 读 取内存比读取硬盘速度要快 -localStorage

（2）应用场景

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集 中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一 种可预测的方式发生变化。vuex 用于组件之间的传值。

localstorage 是本地存储，是将数据存储到浏览器的方法，一般是 在跨页面传递数据时使用 。 

Vuex 能做到数据的响应式，localstorage 不能

（3）永久性 

刷新页面时 vuex 存储的值会丢失，localstorage 不会。 

注意：对于不变的数据确实可以用 localstorage 可以代替 vuex，但 是当两个组件共用一个数据源（对象或数组）时，如果其中一个组件 改变了该数据源，希望另一个组件响应该变化时，localstorage 无 法做到，原因就是区别 1。-vuex