VUE中的router的index.js目录实现懒加载

import Vue from 'vue'
import Router from 'vue-router'
const Index = () => import('@/views/index');
const personal = () => import('@/views/personal');
const whole = () => import('@/views/whole');

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'index',
      meta:{title:'首页'},
      component: Index
    },
    {
      path: '/whole',
      name: 'whole',
      meta:{title:'全部'},
      component: whole
    },
    {
      path: '/personal',
      name: 'personal',
      meta:{title:'我的'},
      component: personal
    },

  ]
})