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

异步组件简介

所谓的异步组件就是通过import或者require导入的vue组件。

例如 const componentA = import(’@/components/componentA.vue’); 或者 const componentA = require(’@/components/componentA.vue’);

异步组件的好处

可以避免页面一加载时就去加载全部的组件，从而导致页面访问时间变长的问题。使用异步加载组件后，只有当需要某个组件时才会去加载需要的组件。

实例

src/views/Home.vue

<template>
  <div>
    <button @click="currentTab = 'Child1'">1号</button>
    <button @click="currentTab = 'Child2'">2号</butt...