vue自身不多引见。直接说题目，由于vue的一切路由都是加载在一个app.js里的，假如项目庞大，那末首页加载会是灾害。所以我们就需要把某些路由用异步加载(懒加载)的体式格局举行加载.

1.先来看一般的加载体式格局

import Login from "@/components/pages/signIn/signIn";

export default new Router({
  routes: [ {
      path: '/login',
      component: Login,
    }]
});

2.下面是第一种异步加载要领

export default new Router({
  routes: [ {
      path: '/login',
      component: resolve=>require(["@/components/pages/signIn/signIn"],resolve),
    }]
});

3.下面是第二种异步加载要领(由于我们公司的项目全部就是用vue连系webpack的体式格局搭建的。所以这个要领直接运用是没题目的。假如只是部份的界面运用vue的，能够试一下才肯定能不能用，能够要斟酌import可否支撑(转化)的题目，毕竟这是ES6新特征)

export default new Router({
  routes: [ {
      path: '/login',
      component: ()=>import("@/components/pages/signIn/signIn"),
    }]
});