操作方法
初步了解vue中的keep-alive vue中利用keep-alive来缓存组件，避免多次加载组件,以减少性能消耗。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不去销毁， <keep-alive> 它本身并不会渲染一个 dom元素，也不会出现在父组件链中。 从下图中可以看出，dom中没有渲染出<keep-alive>的dom元素
测试一下没有使用keep-alive的情形 图一表示切换前 图二表示被切换 图三表示切换回来 以上可以显示在没有使用的情况下，初始的状态并没有被缓存
实验一下，看看能否缓存下来 图一表示已经添加上keep-alive 图二表示切换前 图三表示被切换 图四表示切换回来
如果想要某一个组件不被缓存该怎样设置呢？ 测试方法，先查看一下被缓存了是怎么样的？ 图一表示测试组件的内容，我们通过观察控制台的输出测试 图二表示切换前，可以看到控制输出内容 图三表示被切换，我们并清空控制台 图四表示切换回来，可以观察到虽然切换回来了，但是控制台并没有修改
通过下面图一中的修改，在图二中可以观察到多次的切换，均在控制台中得到打印的信息，这表明被执行了。
如果图一中（1）处不被删除，首次进入页面会执行两次，而后每次切换回来都 会执行一次测试的方法。