十四、动态组件&异步组件

动态组件&异步组件

（1.）动态组件上使用keep-alive

• 动态组件：在一个多标签界面中使用 isattribute 来切换不同的组件，如：

<component v-bind:is="currentTabComponent"></component>

在组件互相切换时，保持组件状态，避免重复渲染导致的性能问题。如：

<!-- 失活的组件将会被缓存！-->
<keep-alive>
  <component v-bind:is="currentTabComponent"></component>
</keep-alive>

• 每次切换新标签的时候，Vue 都创建了一个新的组件实例。会让组件保持状态，即使是未被渲染时也是这样。
• 注意<keep-alive>要求被切换到的组件都有自己的名字，不论是通过组件的 name 选项还是局部/全局注册。

（2.）异步组件

在大型应用中将应用分割