Vue中keep-alive组件的深入理解，如何全面掌握其原理和应用？

本文共计1018个文字，预计阅读时间需要5分钟。

前言+最近在写Vue项目的时候，遇到了一个问题，我从A路由使用params方式传参跳转到B路由，然后从B路由跳转到C路由，再从C路由返回B路由的时候，发现从A路由传到B路由的参数已经不存在了。

前言

最近在写Vue项目的时候，遇到了一个问题，我从A路由使用parmas方式传参跳转到B路由，然后从B路由跳转到C路由，再从C路由返回B路由的时候，发现从A路由传到B路由的参数已经不存在了。

正文

我们都知道，vue组件进行路由跳转时，会销毁当前组件。所以从其他路由返回当前路由时，当前路由会重新执行生命周期钩子函数。这就导致了上述问题，A路由传到B路由的参数没了。

当遇到这种问题的时候，我们会首先想到，我们能不能让B路由的数据保存下来呢？这就不得不提到Vue的一个组件了，它就是keep-alive。

keep-alive

<keep-alive>包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。