搭建项目第一步

第一步 router.js

import Vue from 'vue'
import Router from 'vue-router'


Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: () => import ('@/views/yiliHome'),
      // redirect: '/index',
      // children: [{
      //   path: '/index',
      //   name: 'index',
      //   component: () => import ('@/views/yiliIndex')
      // }]
    }
  ]
})

第二步 路由懒加载

npm install --save-dev @babel/plugin-syntax-dynamic-import

module.exports = {
  presets: ['@vue/cli-plugin-babel/preset'],
  plugins: ['@babel/plugin-syntax-dynamic-import']
}

第三步 app.vue

第四步 main.js