1.动态组件

 点击toggle切换2个组件，配合<keep-alive>使用防止切换后数据丢失

<keep-alive><component :is="currentItem"></component>
</keep-alive>

2.异步组件

定义方法：app.component('组件名',Vue.defineAsyncComponent(()=>{
     return new Promise((reslove,reject)=>{})
}))

app.component('asyncComponent',Vue.defineAsyncComponent(()=>{return new Promise((reslove,reject)=>{setTimeout(()=>{reslove({template: `<h1>123<h1/>`})},3000)})
}))

配合webpack打包分片