vue的非同步裝置按需載入

標籤：com   java   nts   head   build   class   div   rom   port   

當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")    }}

　　

vue的非同步裝置按需載入