vue项目实现路由按需加载(路由懒加载)

1.  方法如下：component：resolve=>(require(['需要加载的路由的地址'])，resolve)

Vue.use(Router)
const alarmDictionarys = [
    {
        path: '/index',
        name: 'index',
        component: resolve => require(['@/views/pages/index.vue'], resolve),
    },
]
export default alarmDictionarys

2.　方法如下：const HelloWorld = （）=>import('需要加载的模块地址') es6得import（推荐使用）

const HelloWorld = ()=>import("@/components/HelloWorld")
export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component:HelloWorld
    }
  ]
})

使用懒加载好处  为给客户更好的客户体验 首屏组件加载速度更快一些 

通熟得说  ，即在需要的时候的时候进行加载。