## 一：动态加载组件 动态加载组件需要使用Vue中提供的特殊元素`<component>`元素加一个特殊的`is`特性来实现： ``` // 组件会在 `currentTabComponent` 改变时改变 <component v-bind:is="currentTabComponent"></component> ``` 在上述示例中，`currentTabComponent`可以包括 * 已注册组件的名字，或 * 一个组件的选项对象 is中可以接收一个组件的名字，当动态修改加载的组件名称即可实现组件的动态加载。 is中还可以接受一个组件的选项对象 ## 二：缓存动态加载的组件 当我们动态加载组件时，如果需要保存失活组件的数据就需要用到`<keep-alive>`元素将其动态组件包裹起来 ``` // 失活的组件将会被缓存 <keep-alive> <component v-bind:is="currentTabComponent"></component> </keep-alive> ```