参考地址 vue----keep-alive缓存，activated,deactivated两个生命周期函数，，meta实现缓存
keep-alive缓存（一般都要将首次创建的组件缓存，提高性能）
将需要缓存的组件缓存在内存当中，下次再次访问的时候，直接从缓存中读取，而不是重新创建或者销毁……提高了性能 （<keep-alive> <component :=></component> </keep-alive>
keep-alive对应两个生命周期,activated(){} deactivated(){}
当从缓存中读取a组件时，此时a组件处于活跃状态， 当从缓存中读取b组件时，a组件处于缓存状态，此时b组件处于活跃状态， 用途： eg:当在a组件浏览小说到某个位置，这时，我切换到b组件，那么就用a组件的缓存状态函数记录这个位置（），
当我再次切换到a组件，用活跃状态函数 保存到该位置 activated(){ console.log("活跃状态"); },deactivated(){ console.log("缓存状态") }
利用include，exclude属性
include属性表示 <keep-alive include=> <router-view></router-view> </keep-alive> <keep-alive exclude=> <router-view></router-view> </keep-alive>
利用meta属性
export <keep-alive> </keep-alive>