vuex(store)和浏览器本地存储有什么区别

vuex(store)和浏览器本地存储有什么区别?是否可以用浏览器存储来替代vuex?

1、实质的区别

vuex存的是状态，存储在内存，localstorage是浏览器提供的接口，让你存的是文件，以文件的形式存储在本地

2、应用场景

vuex用于组件之间的传值，localstorage则主要用于页面之间的传值

3、永久性

当刷新页面时，vue实例重新加载，因此导致store也随之被重置，vuex存储的值会丢失，localstorage不会

4、总结

个人在使用的时候，觉得用localstorage可以代替vuex, 对于不变的数据确实可以，但是当两个组件共用一个数据源（对象或数组）时，如果其中一个组件改变了该数据源，希望另一个组件响应该变化时，localstorage无法做到，原因就是区别1。这俩完全就是俩个东西，vuex是vue的状态管理机制，是方便组件之间通信的。一个组件的数据变化是会映射到使用这个数据的其他的组件。而localstorage是本地存储，是将数据存到浏览器的方法，一般是在跨页面传递数据时使用。