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打包分片














![[LeetCode][102]二叉树的层序遍历——遍历结果中每一层明显区分](https://img-blog.csdnimg.cn/direct/af52bd7c54214571aeea6f5ae550bd32.png)




