1. 前言

本小节我们将介绍 Vue 的动态组件以及缓存 keep-alive 的使用。包括动态组件的使用方法,以及如何使用 keep-alive 实现组件的缓存效果。

2. 慕课解释

动态组件是让多个组件使用同一个挂载点,并动态切换。动态组件是 Vue 的一个高级用法,但其实它的使用非常简单。keep-alive 是 vue 的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染 DOM。

3. 动态组件如何使用

通过使用保留的 <component> 元素,动态地把组件名称绑定到它的 is 特性,可以实现动态组件:

实例演示
预览 复制