keep-alive 组件

作用：

<keep-alive> 组件用来保留组件状态或者避免重新渲染。

注意是用在一个直属的子组件被开关的情形。有v-for的情况不工作。条件渲染的情况，要求只有一个子组件能被渲染。

钩子函数：

组件在<keep-alive>内被切换，activated 和 deactivated 两个钩子函数会被对应执行。

<keep-alive>的属性：

1，include，接收字符串或正则表达式。只有名称匹配的组件会被缓存

2，exclude，接收字符串或正则表达式。名称匹配的组件不会被缓存

2，max，接收数字，最多可缓存多少个组件实例。

 

<keep-alive :include="/a/" :exclude="/b/" :max="10">
  <component>only one</component>
</keep-alive>