如何让Keep-alive与Vuex结合，使缓存页面更灵活高效？

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

引入+在使用vue+vue-router开发SPA时，有没有遇到过这样的情况：当我们从列表页切换到详情页，再返回列表页时，如果列表页不做缓存，会导致每次都重新加载列表页的数据。

引入

在使用vue + vue-router开发SPA的时候，有没有遇到过这样的情况：当我们在列表页和详情页之间切换的时候，如果列表页不做缓存，会导致每次从详情页返回时，列表页都会重新加载。如下图：

细心的朋友已经发现了，当从详情页返回列表页的时候，列表页重载了，这样的体验显然不好，这时我们可以对列表页进行缓存处理。