Vue's asynchronous components load on demand

When build is packaged and app.js is too large, you can consider the way asynchronous components are used.

Import Homeheader from "./components/header", import Homeswiper from "./components/swiper"; Import homeicons from ". Components/icons "; Import homerecommend from"./components/recommend ", import Homeweekend from"./components/weekend "; Export Default {      name: "Home", components     : {           homeheader,             homeswiper,            homeicons,           Homerecommend,           homeweekend      }}            

The following is how asynchronous components are loaded:

Export Default {  name: ' Home ',  components: {     //Async Component Load Mode        homeheader: () = Import ("./components/ Header "),      homeswiper: () = Import ("./components/swiper "),    homeicons: () = Import ("./components/icons "),    homerecommend: () = Import ("./components/recommend "),       homeweekend: () = Import ("./components/ Weekend ")    }}

　　

Vue's asynchronous components load on demand