最近想系统学习一下vue3的源代码，本篇内容记录和分享一下如何调试vue3的源代码。大家一起学习吧，冲！

前言 本系列基于 Vue 3.2.37 版本分析，可直接前往下载。源码目录核心文件均在 packages 目录下。

KeepAlive 组件是 Vue 的内置组件之一，他的功能是在多个组件间动态切换时缓存被移除的组件实例。缓存了的组件，其内部的状态不会被重置。这在动态切换组件，需要保持组件状态的场景下非常有用。

在 Vue 中提供了一些内置组件，例如： Transition TransitionGroup KeepAlive Teleport Suspense 本文，将主要讲解 KeepAlive 内置组件。

如果一个组件实例在被替换后就会被销毁掉，这样的话，相当于会丢失组件实例所有已变化的状态；当在被显示时，相当于重置所有的状态，创建一个新实例

1、前言 在 Vuejs 中，内置了 KeepAlive组件用于缓存组件，可以避免组件的销毁/重建，提高性能。假设页面有一组 Tab组件，如下代码所示： 可以看到，根据变量 currentTab的不同

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第28天，点击查看活动详情 keep-alive可以实现组件缓存，当组件切换时不会对当前组件进行卸载。 主要是有include、ex