vue組件懶加載與路由懶加載的實現

在項目很大的時候，首頁會一次導入所有頁面與組件，可以使用懶加載實現項目的優化,但項目很小，不推薦使用，項目小，分開后的懶加載會發多次請求，帶來更多的性能缺陷

路由寫法

//假設components下有一個home.vue,需要在路由頁面引入
new Router({
   routes:[{
    path:'/',
    name:"home",
    components:()=>import("./components/home") //將路由頂部的引入，放在這里就實現路由的懶加載，()=>返回后面跟的一個數據，()=>{}是一個函數.
}]
    
});

//組件實現方法類似,假設要引入homechild組件
export default {
     name"home",
    components:{                    //注冊vue組件
 homeChild:()=>import("./homeChild");
}
}