1. 首页
  2. 编程面试题
  3. 前端
  4. Vue

如何实现路由懒加载



- 使用箭头函数 + import动态加载

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

- 使用箭头函数 + require动态加载

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

- 使用webpack的require.ensure技术

发布者:admin,如若转载,请注明出处:https://ai1024.vip/39402.html

QR code
//