vue element adimin 管理系统心得

说来也是挺尴尬的，之前没有改过这个框架，熟悉代码的时候我把所有的源代码了解了一遍。
管理系统一般是在APP.JS为父元素的基础上再添加一个父元素，包括导航栏，面包屑等内容。
这里是layout 是所有页面的父级页面（除去的登录、注册、404）

{
    path: '',
    component: Layout,
    redirect: '/home',
    name: 'home',
    // hidden: true,
    children: [{
      path: 'home',
      name: 'homeIndex',
      component: _import('home/index'),
      meta: { title: 'Home', icon: 'el-icon-menu' }
    }]
  },

  {
    path: '/home',
    component: Layout,
    hidden: true,
    children: [
      {
        path: 'application',
        name: 'application',
        component: _import('home/Application'),
        meta: { title: 'applicationQuota', icon: 'el-icon-date' }
      }
    ]
  },

  {
    path: '/home',
    component: Layout,
    hidden: true,
    children: [
      {
        path: 'record',
        name: 'record',
        component: _import('home/Record'),
        meta: { title: 'applicationRecord', icon: 'el-icon-date' }
      }
    ]
  },

这里的第一个路由是主页面内容，在layout 中包含了 左边导航栏 顶部导航栏 和面包屑内容。组件下载下来 这些内容应该是都已经写好的，只需要改成自己的页面就好了