路由的懒加载

第一种,原始写法:

import Vue from "vue";
import Router from "vue-router";
import Login from '@/views/Login.vue';
Vue.use(Router);
export default new Router({
  routes: [{
      path: "/login",
      name: "login",
      component: Login,
    }]
  })

第二种 ,路由的懒加载

import Vue from "vue";
import Router from "vue-router";
import Login from '@/views/Login.vue';
Vue.use(Router);
const Login = ()=> import('@/views/Login.vue')
export default new Router({
  routes: [{
      path: "/login",
      name: "login",
      component: Login,
    }]
  })

第三种写法,路由懒加载

import Vue from "vue";
import Router from "vue-router";

Vue.use(Router);
export default new Router({
  routes: [{
      path: "/login",
      name: "login",
      component:resolve=>(require(["@/views/Login.vue"],resolve))
    }]
  })