Vue组件的keep-alive

Vue基础的生命周期钩子（beforeCreate,created,beforeMounted,mounted.beforUpdate,updated,beforDestroy,destroyed）

当在这些组件之间切换的时候都会请求一些请求过的数据，每次请求都会导致重复渲染影响性能。这些数据可以存到缓存。此时使用keep-alive将组建包裹起来。但这样以上八种生命周期钩子将失效。取而代之的时activate和deactivated

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

  <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。

  <keep-alive> 与 <transition>相似，只是一个抽象组件，它不会在DOM树中渲染(真实或者虚拟都不会)，也不在父组件链中存在，比如：你永远在 this.$parent 中找不到 keep-alive 。

　　activate：是在被包裹组建被激活的状态下使用的生命周期钩子

　　deactivated：在被包裹组件停止使用时调用