vuex store中缓存机制是如何实现数据持久化的？

本文共计808个文字，预计阅读时间需要4分钟。

目录 + Vuex + Store + 缓存存储原理 + 如何使用 store 缓存数据

1.src/store/index.js + 写法

2.src/store/getter.js

3.使用 store 获取数据

Vuex 的设计是将数据存储在一个对象树中，通过 store 进行数据管理。我

目录

• vuex store 缓存存储原理
• 如何使用store缓存数据
• 1 src/store/index.js 写方法
• 2 src/store/getter.js
• 3 使用 store 存取数据

vuex store 缓存存储原理

vuex 的设计是将数据存在一个对象树的变量中，我们的应用（vue应用）从这个变量中取数据，然后供应用使用，当将当前页面关闭， vuex 中的变量会随着消失，重新打开页面的时候，需要重新生成。

而，浏览器缓存（cookie，localstorage等）是将数据存到浏览器的某个地方，关闭页面，不会自动清空这些数据，当再次打开这个页面时，还是能取到之前存在浏览器上的数据（cookie，localstorage等）。