vue element admin 添加一级菜单与页面

1. 在 src/views/ 下创建文件夹，命名为你的模块名。下面以 user 为例，创建 src/views/user/ 文件夹。

2. 因为我们只做一级菜单，src/views/user 下面创建 index.vue 即可，模板写好。

name 名字尽量与模块名（文件名一致）。

开头字母大写，这样做是保持与原框架一致。

3. 根据需要写好页面。

4. 进入 src/router/index.js。

如果是匿名菜单，找到 constantRoutes 声明，并在最后追加 JS 对象进行路由配置。

即使是一级菜单，也需要一个子路由，子路由的路径一般是 index。

path:	父路由。一般定义为 /<模块名>；
redirect:	重定向。一般配置重定向到 /<模块名>/index；
children:
component:	配置自己的组件路径 () => import('@/views/<模块名>/index')
name:	模块名。首字母一般大写
meta:
title:	标题。显示在浏览器标签上
icon:	图标名。会从 src/icons/svg/ 目录下找 <图标名>.svg 的图标

{
  path: '/user', 
  component: Layout,        
  redirect: '/user/index', 
  children: [
    {
      path: 'index',
      component: () => import('@/views/user/index'),
      name: 'User',
      meta: { title: 'User', icon: 'user', noCache: true }
    }
  ]
}