vue-router模块化，分层

注：本文章用来做记录，是根据各大佬的文章参考的，如发现抄袭，望谅解

1、在views下创建Main.vue文件

        注：如果是刚开始创建vue项目，则

       （1） 删除views下的所有文件

       （2） components下的文件

       （3）App.vue的div下的一些标签

        （4）routes下的文件index.js的const 的数组

        （5）assets的图片

        （6）还有，可以设置图标（public\favicon.ico）

        

2、在router文件下创建routes.js文件

export const routes = [
  {
    path: '/',
    name: 'Main',
    component: () => import('../views/Main.vue')
  }
]

3、在router的index.js 里导入

        import { routes } from './routes' // 导入

import Vue from 'vue'
import VueRouter from 'vue-router'
import { routes } from './routes' // 导入
Vue.use(VueRouter)

const router = new VueRouter({
  routes
})

export default router