vue 路由懒加载三种方式

vue 路由懒加载三种方式

方法一：结合Vue异步组件与webpack代码

const  index  =  r  =>  require.ensure([], ()  =>  r(require('@/page/index')),  'index')

方法二：AMD写法

const  Home  =  resolve  =>require(['../components/page/Home.vue'],  resolve)

方法三：ES6写法

const  Chat  =  ()  =>  import('@/components/page/Chat.vue')

配置完后需要再new Router中使用

routes: [
    {path:  '/index', component:  Chat}
]