vue router 路由懒加载

529 阅读1分钟

修改router 目录下 index.js

function loadView(view) { //路由懒加载
  return () => import( /* webpackChunkName: "view-[request]" */ `@/pages/${view}.vue`)
}
export default new Router({
  routes: [
    {
      path: '/',
      name: 'Session',
      component: loadView('Session')
    },
    {
      path: '/demo',
      name: 'demo',
      component: loadView('demo')
    },
    {
      path: '/Home',
      name: 'Home',
      component: loadView('Home'),
      children: [{
        path: 'Dashboards',
        name: 'Dashboards',
        component: loadView('Dashboards')
      }]
    }
  ]
})