前言：在VUE中，Keep-Alive是基于组件名称的缓存组件，但是我们通常需要更多需要缓存页面。例如，rive组件不容易实现。如果您只需要安装插件-in，就可以在没有任何繁琐代码的情况下实现页面级别的缓存，并且您可以判断当前页面是否基于路由历史记录进行缓存，因此您的项目与本机应用程序一样流畅。您想尝试吗？
在线预览
Hestory-keep-alive
赫斯特里传输
演示项目地址
像路由历史缓存页面的VUE插头一样
代码地址
或者
index.js（项目入口文件）
index.vue（所使用的任何页面）
路由器必须通过，无论vue-router实例Vuerouter是否没有timperiaterouter.ondre。是否记录路由历史记录（不需要修改）booleantrueusetimestamp使用时间戳来确定。启用后，推送和替换操作将将TimessTamp参数添加到页面地址。如果禁用了它，它将无法判断当前的路由操作。使用组件时，建议打开布尔曲霉式Prefixhistory-keep-alive组件。
index.js
index.vue
有关详细信息，请参见historyfilterfunctionnull $ routerhistoryInstance.destroy
$ routerhistoryInstance.destroyall
注意：删除页面缓存的演示，请参阅下面的链接
演示
Keep-Scroll-Plugin-Target：商定的ID，如果要使用keepscroll函数，请为滚动元素设置此ID
index.vue（父亲页）
index.vue（例如：路由名称：keep-scroll）
rout.js（配置子页面路由）
注意：无法使用身体滚动页，请自己实施
当AliveKey嵌套时，如果要重复使用不同页面上的同一父级组件，则必须设置一个唯一的值字符串，而不会在没有TransitionName设置的情况下使用Cache boolean的过渡效果
有关更多功能参数，您可以通过键法构造和密钥构造来独自设置它
自定义组件缓存时，相同的密钥组件将使用缓存，适用于需要特殊处理缓存的单个页面或组件
基于路由历史过滤的页面不需要缓存
index.vue
如果以上配置仍然无法满足需求，则可以使用组件（已在插件中注册的组件（已在Vuecomponents中注册）来实现缓存的逻辑。有关详细信息，请参考历史记录
在您不是每周的情况下，可能会考虑此插头的输出。如果您有任何疑问，请与我交流。邮箱barrier.yang@outlook.com，我希望使用此插件来帮助有相同需求的学生。
原始：https：//juejin.cn/post/7094815863995531278