VUE路由懒加载

常规导入及引用方式： 导入组件,赋值给变量，此形式在webpack打包时便会引入，如果导入的组件太多，则后续打包出的文件则会较大

    import Vue from 'vue';
    import Router from 'vue-router';
    import compo_one from '../pages/layout';//这里引入
    Vue.use(Router);
    const router = new Router({
    {
      path: '/urlmanage',
      component: compo_one,
     }
    })
    export default router

懒加载方式： 在打包时，会把懒加载的组件打包到独立的chunk中，在路由被调用时再引用，详细变化可观察F12的network中js包的变化

    import Vue from 'vue';
    import Router from 'vue-router';
    Vue.use(Router);
    const router = new Router({
    {
      path: '/urlmanage',
      component: () => import('../pages/layout.vue'),//懒加载方式
     }
    })
    export default router