1、 在组件切换时,就会出现新组件的创建和旧组件的销毁。如果切换频繁,就会非常的浪费性能。如何解决:用<keep-alive>包裹切换的组件。
2、<keep-alive> :是用来缓存组件的,包裹在<keep-alive>里的组件不会被销毁。
3、对应的两个钩子函数:activated 和 deactivated
4、<keep-alive> 的两个属性:include和exclude。
<KeepAlive> 默认会缓存内部的所有组件实例,但我们可以通过 include 和 exclude prop 来定制该行为。这两个 prop 的值都可以是一个以英文逗号分隔的字符串、一个正则表达式,或是包含这两种类型的一个数组:
它会根据组件的 name 选项进行匹配,所以组件如果想要条件性地被 KeepAlive 缓存,就必须显式声明一个 name 选项。