vue实现页面缓存功能

本文实例为大家分享了vue实现页面缓存功能的具体代码，供大家参考，具体内容如下

主要利用keep-alive实现从列表页跳转到详情页，然后点击返回时，页面缓存不用重新请求资源。

一、在router里配置路由

在meta里定义页面是否需要缓存

import Vue from "vue";import Router from "vue-router";// 避免到当前位置的冗余导航const originalPush = Router.prototype.pushRouter.prototype.push = function push(locnt: () => import("@/pages/dail多支持我们。