keep-alive缓存组件使用(4)参数使用说明(include,exclude,max)部分缓存

keep-alive缓存组件使用(3)使用教程方法_前端小云儿的博客-CSDN博客

(花三分钟可以读读上面链接,怎么用,下面讲,具体参数)

1 包含/排除include,exclude

如果我们直接在路由上加

<keep-alive> <router-view></router-view></keep-alive>

这样就会所有路由都会缓存,这肯定不是我们想要的,我们只想要某些路由,或者一部分被缓存。那么我们可以用这个include,exclude

<KeepAlive> 默认会缓存内部的所有组件实例,但我们可以通过 include 和 exclude prop 来定制该行为。这两个 prop 的值都可以是一个以英文逗号分隔的字符串、一个正则表达式,或是包含这两种类型的一个数组

比如下面有四个路由,我们只想缓存homeChiid1和homeChiid2,而homeChiid3和homeChiid4不想缓存。

1.1路由地址设置

猜你喜欢

转载自blog.csdn.net/jieweiwujie/article/details/128455817