，而C->B->A时B缓存。在vue官方文档2.x以上有include 和 exclude ...

在vue官方文档2.1以上有include 和 exclude 属性允许组件有条件地缓存。在这里主要 ...

当我们不想每次使用路由跳转时都从新加载页面的时候，就可以使用 keep-alive 去设置，添加之前默认缓存所有页面，如果需要指定自己想要的页面缓存或者不缓存可以通过include和exclude属性去设置。 如上代码，绑定keepAliveData数组内的组件加入缓存 ...

前提： vue + typescript ，组件采用 vue-property-decorator + class 作为组件的方式。 最近开发项目，用了 keep-alive 来缓存路由，以前使用路由缓存，都是设置 meta:{ keepAlive:true} 的方式，直接编写路由的时候配置 ...

一、失效原因： 如果多级路由的话，一般会有一个空白的router-view页面做为公共的模板充当中间的嵌套路由/页面；当你切换不同的页面，中间公共部分的组件，一会儿缓存，一会儿不缓存，因为是公共组件，导致了 最终的页面缓存失效。 二、解决办法： 目前我认为只有将三级路由转为二级路由 ...

vue中强大的缓存机制之keep-alive 　　最近在用vue做项目，在切换页面时发现切换回原来的页面无法保存原来的状态。 如A页面需要ajax请求数据，然后切换到B页面做某些事情，再切换回A页面时，A页面又再请求数据，但是作为前端，性能优化时必须要考虑的，并且，vue构建的单页面应用，大多数 ...

最近在做项目重构，用到了keep-aliveVue内置组件（<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。） 看了官网使用方法挺简单，可以设置缓存组件或者不缓存，只需要使用 include - 字符串或正则表达式。只有名 ...

概述：vue开发项目时，需要缓存多个页面的情况 使用场景：例如：现有4个页面，页面1，页面2，页面3，页面4 要求：1、从1-2-3-4依次跳转时，每次都刷新页面，不进行缓存； 　　 2、从4-3-2-1依次返回时，页面不刷新，依次取缓存页面； 　　　总结：外到内都需要刷新，内到外皆 ...