ITPub博客

首页 > IT职业 > IT生活 > Vue如何实现路由懒加载

Vue如何实现路由懒加载

IT生活 作者:sunflower 时间:2021-09-09 10:53:12 0 删除 编辑

非懒加载

const router = new VueRouter({
  routes: [{ 
	  path: '/list', 
      component: @/components/list.vue
    }
  ]
})

方案一

const List = () => import('@/components/list.vue')
const router = new VueRouter({
  routes: [{
	   path: '/list', 
	   component: List 
	   }
  ]
})

方案2

const router = new Router({
  routes: [
   {
     path: '/list',
     component: (resolve) => {
        require(['@/components/list'], resolve)
     }
    }
  ]
})

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2904/viewspace-2827047/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-19

  • 博文量
    67
  • 访问量
    520