前端开发：keep-alive的使用详解

前言

在前端开发过程中关于keep-alive的使用也是一个非常重要的知识点，不管是在日常开发过程中还是在面试求职过程中，该知识点是必备技能。对于前端开发者来说，关于keep-alive的使用应该是家常便饭，而且在前端面试求职的时候关于keep-alive相关的知识点也是必考技能，那么本文就来分享一下关于keep-alive相关的知识点，方便后期查阅使用。

keep-alive的概念

引用Vue官方的解释，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。也就是说在使用keep-alive包裹动态组件的时候，只会缓存不活动的组件实例，而不是直接把它们销毁掉。

keep-alive的作用

keep-alive是Vue的内置组件，主要是用来缓存组件，避免多次重复加载相应的组件，减少系统的性能消耗，提高用户体验性。

keep-alive的生命周期

keep-alive有两个生命周期：activated和deactivated。这两个生命周期的具体作用如下所示：

1、钩子函数activated: keep-alive