vue keep-alive 保留切换后的状态,上一个状态,之前状态,tab切换

keep-alive

Props:

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

包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 相似, 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在组件的父组件链中。

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

exclude : 不缓存组件 // a,b 是组件中 name 值
<keep-alive exclude="a,b">
  <component :is="view"></component>
</keep-alive>

例子:
vue keep-alive 保留切换后的状态,上一个状态,之前状态,tab切换_第1张图片

你可能感兴趣的:(VUE)