## 一:動態加載組件
動態加載組件需要使用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>
```