vue相关问题

vue路由懒加载(resolve)

2019-04-15  本文已影响23人  一条小团团ovo的就很棒

像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)
                      }
                  ]
              }
          ]
      })
上一篇 下一篇

猜你喜欢

热点阅读