vue路由懒加载（resolve）

• 懒加载：又叫延时加载，即在需要的时候进行加载，随用即载

• 使用懒加载的原因：

像vue这种（spy）单页面应用，如果没有使用到懒加载，webpack打包的文件过大，造成进入首页时，加载的资源过多，时间过长，即使做了loading也不利于用户体验，而运用懒加载可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载事件，简单来说就是进入首页不用一次加载过多资源造成时间过长

  懒加载的使用方法：

•     import Vue from "vue";
      import VueRouter form "vue-router";
      Vue.use(VueRouter);
      
      export default new Router({
            mode:"history",
            routes:[
                {
                    path:"/",
                    redirect:"/login"
                },
                {
                    path:"/login",
                    component:resolve=>require(["../components/login.vue"],resolve)
                    children:[
                        {
                             path:"/home",
                              component:resolve=>require(["../components/home.vue"],resolve)
                        }
                    ]
                }
            ]
        })

   

来源：CSDN

作者：loverxy丶Du

链接：https://blog.csdn.net/a772116804/article/details/104616334