vue-admin-template路由配置和组件

1.删除多余views

2.删除多余router

3.创建项目所需组件和路由

如department,views里创建department目录，添加index.vue

<template>
<div class="container">
<div class="app-container">
        组织架构
</div>
</div>
</template>
<script>
export default {
        name: 'Department'
        }
</script>

添加department路由，router/modules下建立department.js

import Layout from '@/layout'
        export default {
        // 路由信息
        path: '/department',
        component: Layout, // 一级路由
        children: [{
        path: '', // 二级路由地址为空时 表示 /department 显示一级路由 + 二级路由
        component: () => import('@/views/department'),
        name: 'department', // 可以用来跳转 也可以标记路由
        meta: {
        // 路由元信息 存储数据的
        icon: 'tree', // 图标
        title: '组织' // 标题
        }
        }]
        }

4.总路由引用创建的department路由

import departmentRouter from './modules/department'

5.批量创建路由和组件