keep-alive碰见vue-router

保证组件活着
keep-alive是vue内置的一个组件，可使被包含的组件保留状态，避免组件从新渲染,频繁建立销毁，router-view也是一个组件，若是直接被包在keep-alive里面，全部路径匹配到的视图组件都会被缓存

keep-alive有两个很是重要的属性
include -- 字符串或正则表达，只有匹配的组件才会被缓存
exclude --字符串或正则表达，任何匹配的组件都不会被缓存

<keep-alive exclude="profile,user">
        <route-view/>
</keep-alive>

这两个函数只有组件使用了keep-alive时才有效

activated(){
   console.log("当前组件活跃")
}
deactivated(){
   console.log("当前组件不活跃")
}