学习笔记：Vue——动态组件&异步组件

 

动态组件

01.在动态组件上使用keep-alive，保持组件的状态，以避免反复重渲染导致的性能问题。

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

注意：这个<keep-alive>要求被切换到的组件都有自己的名字。

 

异步组件

01.在大型应用中，我们可能需要将应用分割成小一些的代码块，并且只在需要的时候才从服务器加载一个模块。

 

 

文档链接：https://cn.vuejs.org/v2/guide/components-dynamic-async.html