vue的异步组件按需加载

当build打包后，app.js过大的时候，可以考虑用异步组件的方式。

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

    }

}

　　以下是异步组件加载方式：

export default {

  name: 'Home',

  components: {

    //异步组件加载方式

    HomeHeader: () => import("./components/Header"),

    HomeSwiper: () => import("./components/Swiper"),

    HomeIcons: () => import("./components/Icons"),

    HomeRecommend: () => import("./components/Recommend"),

    HomeWeekend: () => import("./components/Weekend")

  }

}