指令keep-alive

在vue-router写着keep-alive，keep-alive的含义： 如果把切换出去的组件保留在内存中，可以保留它的状态或避免重新渲染。为此可以添加一个keep-alive指令

若用keep-alive包住A组件和B组件，从A组件跳转到B组件，在哪里更新B组件页面的数据？

• activated：在keep-alive缓存的组件激活时调用；（激活阶段）
• deactivated：在keep-alive缓存的组件停用时调用；（停用阶段）

(1) keep-alive是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。
① 在vue 2.1.0 版本之后，keep-alive新加入了两个属性: include(包含的组件缓存) 与 exclude(排除的组件不缓存，优先级大于include) 。
(2) 参数解释
① include - 字符串或正则表达式，只有名称匹配的组件会被缓存
② exclude - 字符串或正则表达式，任何名称匹配的组件都不会被缓存include 和 exclude 的属性允许组件有条件地缓存。二者都可以用“，”分隔字符串、正则表达式、数组。当使用正则或者是数组时，要记得使用v-bind 。

<!-- 逗号分隔字符串 -->
<keep-alive include="a,b">
  <component :is="view"></component>
</keep-alive>
 
<!-- 正则表达式 (使用 `v-bind`) -->
<keep-alive :include="/a|b/">
  <component :is="view"></component>
</keep-alive>
 
<!-- 数组 (使用 `v-bind`) -->
<keep-alive :include="['a', 'b']">
  <component :is="view"></component>
</keep-alive>