《Vue应用开发》课件——4.1.2利用KeepAlive组件实现组件缓存.pptxVIP

4.1.2利用KeepAlive组件实现组件缓存

掌握KeepAlive组件的使用方法，能够使用KeepAlive标签完成组件缓存4.1.2利用KeepAlive组件实现组件缓存先定一个小目标！

4.1.2利用KeepAlive组件实现组件缓存为什么要使用组件缓存？

4.1.2利用KeepAlive组件实现组件缓存使用动态组件实现组件之间的按需切换时，隐藏的组件会被销毁，展示出来的组件会被重新创建。因此，当一个组件被销毁后又重新创建时，组件无法保持销毁前的状态。如果在多个组件之间进行动态切换时想要保持这些组件的状态，以及避免重复渲染导致的性能问题，可以通过组件缓存来实现。

4.1.2利用KeepAlive组件实现组件缓存KeepAlive被缓存的组件/KeepAlive组件缓存可以使组件创建一次后，不会被销毁。在Vue中可以通过KeepAlive组件来实现组件缓存。KeepAlive组件可通过KeepAlive标签来定义，定义时使用KeepAlive标签包裹需要被缓存的组件。KeepAlive标签的语法格式如下。

4.1.2利用KeepAlive组件实现组件缓存步骤1步骤2编写src\components\MyLeft.vue文件，这一步先不使用KeepAlive组件，观察动态组件被销毁的过程。演示KeepAlive组件的使用

4.1.2利用Kee