Vue内置组件keep-alive的使用

橙三吉。 提交于 2020-01-29 12:17:50

本文主要介绍Vue内置组件keep-alive的使用。

Vue内置组件keep-alive的使用

keep-alive接收三个props:
●include - 字符串或正则表达式。只有名称匹配的组件会被缓存。
●exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。
●max - 数字。最多可以缓存多少组件实例。

当组件在 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。

Example:

123456 大专栏  Vue内置组件keep-alive的使用7891011
<keep-alive :include="/a|b/">    <router-view></router-view></keep-alive><keep-alive :exclude="/c|d/">    <router-view></router-view></keep-alive><keep-alive :max="10">    <router-view></router-view></keep-alive>

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!