keep alive用法原理

引言

keep-alive可以实现组件缓存，当组件切换时不会对当前组件进行卸载。

主要是有include、exclude、max三个属性；

前两个属性允许keep-alive有条件的进行缓存；

max可以定义组件最大的缓存个数，如果超过了这个个数的话，在下一个新实例创建之前，就会将以缓存组件中最久没有被访问到的实例销毁掉。

两个生命周期activated/deactivated，用来得知当前组件是否处于活跃状态。

Home.vue

<template>
  <div class="hello">
    <h1>你怎么还在学习？