vue中keep-alive的作用及用法

vue中keep-alive的作用

• keep-alive：可以实现组件缓存，当组件切换时，主要用于保留组件状态或避免重新渲染。
  • 比如：有一个列表页面和一个详情页面，那么用户就会经常执行打开详情->返回列表->打开详情，这样的话列表和详情都是一个频率很高的页面，那么就可以对列表组件使用进行缓存，这样用户每次返回列表的时候，都能从缓存中快速渲染，而不是重新渲染。
• 属性：
  • include:字符串或正则表达式。只有匹配的组件会被缓存。
  • exclude:字符串或正则表达式。任何匹配的组件都不会被缓存。
• 用法：
  • 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和相似，是一个抽象组件：它自身不会渲染 DOM元素，也不会出现在父组件链中。