|
在vue中存储数据，可以使用vuex状态管理（也可以理解为数据），sessionStorage及localStorage 本地存储技术。
1. vuex 是Vue给出的对于状态管理的一种技术，使用vuex 多组件共享状态（数据），但刷新页面，数据就会重置 2. sessionStorage及localStorage 是h5 本地存储的一种技术，sessionStorage关闭浏览器后数据失效，而localStorage 则永久存储。 在我们在进行VUE开发过程中，到底使用那种技术呢？ 解决：关于vuex 的刷新后数据被清除的问题，可以使用本地存储技术，进行解决。问题来了，那为何还要使用vuex呢？下面可以看看vuex与本地存储之间的一些比较 1、Vuex 可以存储很多类型的数据很方便， sessionStorage只能存储字符串虽然可以parse, 2、sessionStorage读取要比Vuex慢。3、看情况而定， 比如token 也有存储localStorage和sessionStorage。 后话： 之前踩了一个大坑，没注意到vuex可以让组件响应式变化，让组件直接取了sessionStorage的值，弄的我还必须刷新才能看到退出后的效果。 补充： 下面看戏vuex存储和本地存储(localstorage、sessionstorage)的区别 1.最重要的区别：vuex存储在内存，localstorage则以文件的方式存储在本地 2.应用场景：vuex用于组件之间的传值，localstorage则主要用于不同页面之间的传值。 3.永久性：当刷新页面时vuex存储的值会丢失，localstorage不会。 注：很多同学觉得用localstorage可以代替vuex, 对于不变的数据确实可以，但是当两个组件共用一个数据源（对象或数组）时，如果其中一个组件改变了该数据源，希望另一个组件响应该变化时，localstorage无法做到，原因就是区别 参考： https://www.jb51.net/article/138218.htm https://segmentfault.com/q/1010000010984029 |
|
|
公众号
