【Vue基础知识再巩固】--动态组件和异步组件

动态组件

   标签切换v-bind:is控制模板切换，但是模板切换前后重新加载，无法保持切换前状态，故引入keep-alive对组件实例进行缓存，以保持其状态：

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

异步组件

   暂时用到的场景，大量组件引入时候会导致页面有一定延迟，因此引入异步组件，当组件使用实被引入注册

new Vue({
  components: {
    'my-component': () => import('./my-async-component')
  }
})