keep-alive 的作用及使用场景

标签：打开   clu   tran   表达   字符串   code   使用   列表组   详情   

keep-alive：主要用于保留组件状态或避免重新渲染。

比如： 有一个列表页面和一个 详情页面，那么用户就会经常执行打开详情=>返回列表=>打开详情这样的话 列表 和 详情 都是一个频率很高的页面，那么就可以对列表组件使用<keep-alive></keep-alive>进行缓存，这样用户每次返回列表的时候，都能从缓存中快速渲染，而不是重新渲染。

1、属性：

• include:字符串或正则表达式。只有匹配的组件会被缓存。

• exclude：字符串或正则表达式。任何匹配的组件都不会被缓存。

2、用法：

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

keep-alive 的作用及使用场景

标签：打开   clu   tran   表达   字符串   code   使用   列表组   详情   

原文地址：https://www.cnblogs.com/benbonben/p/14953205.html