42_尚硅谷_Vue_缓存路由组件

来有两个事情，一个事情叫缓存路由组件。什么一个概念呢？来，我给大家演示一下先。我这里面来个input。那个银铺好了，我们看一下啊。我输入一个值，接着呢我去切换，我再切换回来，但是呢，我希望这个输入数据还在。看一下现在在不在。好，首先我们要说一下，不在是为什么不在呢？你要去推测啊，为什么不在了。那说明当前这个about应该是新的。对不对。而也就是说，要想他在P是个什么。必须是个老的，是个旧的对吧，那下面就说一个事情，它为什么是个新的。

对吧，你只有新，那肯定是有原因的，对不对？新的出来那说明什么，旧的着已经死了。是吧，大家可以推测一下什么时候他死的？是被切换的时候就死啊，懂不懂就是正常情况下面啊，一个路由组件被切换的时候。它就会自动死亡。在七号回来了。重新创建对吧。那现在我们就希望实现一个什么效果？你被切换的时候，你这个被切换的组件不要什么死亡，不要死亡就叫缓存起来吧，对不对，那怎么缓存起来了。啊，其实做起来倒是无比简单的。加一个标签，Keep alive保持活着啊，Keep保持alive活着。

写，呃，它包含的是那个root of view，你说保持谁活着，是他活着吗？那不是是他管理的什么，是不是路由组件啊，比如说啊，我现在就问一个问题啊，我去写这个标签啊，这也忒简单啊来。假设我这里面有一个APP，我在里面写一个keep来告诉他，你说。保持水火者。这话了。谁？老泡水。对吧，保持about home，我们来看一下。同时要最好看一下这个它的结构啊，这样呢，大概呢，我先刷一下啊。现在当前是不是只有about？

看懂啊，接着走你。切换的后面了，但是about隐约可见。说明什么，说明还在。对吧，啊，最终怎么证明他确实在呢，对不对，输入一个数据走里走里诶。这不还在吗？这种需求是有的啊，大家想想看，有很多这种应用，譬如说啊，它这上面呢，有有几个table选项。啊，点每个特别选项，显示不同的列表。而这个列表呢，可能从后台获取的，花了很大的精力从后台。是不是弄过来啊好，假设这个A链接，这是B链接，C链接，你从A链接切换到BB链接，那正常情况下A是不是死了。从必要切换回来了。

那因为AA是重新创建的，是不是要重新获取数据？那是不是用户体验会比较差一点，看到不啊，大家知道数据的显示啊，就是有一个有一个东西有个概念叫实时性。什么叫实时性呢？就是你这个数据吧，是要求实质性高还是低。高是什么意思？就是你要尽快的跟后台的数据要要保持一致。对不，那实时性比较低，什么意思，你第一次查询得到啊，你可以半天都不改有问题。譬如说举个例子，你那个股票的数据。那就是实星要求最高的对吧，他那音乐不是不断的在更新吗。但并不是所有都是跟他那样的吧。不啊，OK，所以如果你的实性要求相对低一点，不是说特别高。

那你就可以通过缓存组件是不是来实现一个提高用户体验的一种方式。但是啊，你要私心特别高。那你就没有必要，那你就不能这么做。你要这么做的话，你想想看，我切来切去一直都是以前的数据，可能后台早已经变得不成样子了，你还是以前那个数据。那是不是不太合适了啊，就这么个事啊，大家注意。好，这说的是路由组件的缓存，大家一定要知道，现在缓存的是其实是组件对象啊，你要搞清楚。是那个对象，只是我们平常就直接叫缓存路由组件对吧，缓存的是那个组件对象。好。