keep-alive
有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。
<!-- 加载路由时将数据保存到内存里，下次不需要再加载 -->
<keep-alive exclude="Detail">
<router-view/>
</keep-alive>
图片.png
keep-alive的生命周期
- 初次进入时：created > mounted > activated；退出后触发 deactivated
- 再次进入：会触发 activated；事件挂载的方法等，只执行一次的放在 mounted 中；组件每次进去执行的方法放在 activated 中
实例：
监听页面滚动
