请问vue 如何把keep-alive缓存的页面保存起来 刷新后重新获取缓存过的页面？

Question

请问vue 如何把keep-alive缓存的页面保存起来 刷新后重新获取缓存过的页面？

Answer 1

vue的keep-alive跟浏览器的缓存是不一样的，keep-alive是组件状态持久化，你并不能把keep-alive的页面跟网页缓存一样保存，但是可以通过数据缓存的方式去实现保存页面状态，将keep-alive中的数据、变量值都存在storage，然后在页面的created事件判断有storage中如果有缓存数据，就可以直接还原出来，如果页面没有被刷新，下次进入keep-alive的页面也是不会执行created事件的，然后可以在activated事件做页面未被刷新时重新进入页面需要的处理，但是这样做并不是真正缓存页面文件。