vue的keep-alive

标签：防止   vat   activate   数据   表达式   first   com   而不是   元素   

<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM

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

方法1

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

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

exclude优先级大于include

<keep-alive include="a,b">
  <!-- 将缓存name为a或者b的组件，结合动态组件使用 -->
  <component :is="view"></component>
</keep-alive>

方法2  （结合berforeRouteEnter，缓存部分页面）

vue的keep-alive

标签：防止   vat   activate   数据   表达式   first   com   而不是   元素   

原文地址：https://www.cnblogs.com/harsin/p/11355626.html