Vue 该如何实现组件缓存?

首先我们要知道为什么需要组件缓存?

在面向组件化开发中，我们会把整个项目拆分为很多业务组件，然后按照合

理的方式组织起来，那么自然会存在组件之前切换的问题，Vue 中有个动态组件

的概念，它能够帮助开发者更好的实现组件之间的切换，但是在面对需求频繁的

变化，去要切换组件时，动态组件在切换的过程中，组件的实例都是重新创建的，

而我们需要保留组件的状态，为了解决这个问题，需要使用到 Vue 中内置组件  <keep-alive>

<keep-alive>的作用

包裹动态组件时，会缓存不活动的组件实例, 主要用于保留组件状态或避免重新渲染。