keep-alive 的 Props && 钩子函数

<keep-alive include="a,b">
  <component :is="view"></component>
</keep-alive>
<keep-alive :include="['a', 'b']">
  <component :is="view"></component>
</keep-alive>
匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。
匿名组件不能被匹配。

<keep-alive :max="10">
  <component :is="view"></component>
</keep-alive>
最多可以缓存多少组件实例。
一旦这个数字达到了，在新实例被创建之前，已缓存组件中最久没有被访问的实例会被销毁掉。

// 设置了keepAlive缓存的组件，相关钩子执行顺序如下
// 可以通过如下钩子实现个性化功能
// 第一次进入：
created->activated->deactivated
// 后续进入时：
activated->deactivated
说明：
// created 组件创建时
// activated 进入缓存组件时
//deactivated 离开缓存组件时

***vue中提供了一个动态模板，可以在任意模板中切换，就是用vue中<component>用:is来挂载不同的组件。***
components:{
　　a:{},
　　b:{}
},
data:{
　　view:'a'
}