目录结构:
│ init_route.js//路由初始化js非常重要一定理解
│
├─assets//静态文件
│ │ login_back_image.jpg//登录、注册、找回密码背景图
│ │
│ └─json//模拟后端返回的json信息
│ menu.json//菜单json
│ route.json//路由json
│
├─pages//一些常用页面
│ 404.vue//404错误
│ Forget.vue//忘记密码
│ Login.vue//登录页面
│ Register.vue//注册页面
│
├─sub//组件
│ Uicon.vue//图标选择组件
│
├─subadmin//组件管理
│ │ SubAdmin.vue//路由管理
│ │
│ └─sub
│ │ MenuAdmin.vue//菜单管理组件
│ │ RouteAdmin.vue//路由管理
│ │
│ ├─menu_admin_sub
│ │ Addmenu.vue//添加菜单
│ │ Addmenuitem.vue//添加二级菜单
│ │ Menuedit.vue//菜单编辑
│ │ Menuitemedit.vue//二级菜单编辑
│ │
│ └─route_admin_sub
│ AddChildrenRoute.vue//嵌套路由添加
│ Addroute.vue//路由添加
│ Routeedit.vue//路由编辑
│
└─ui//视图框架
│ Aside.vue//左侧菜单
│ Footer.vue//底部内容
│ Header.vue//顶部菜单
│
└─header//顶部菜单组件
Menu.vue//菜单点击显示组件
更新介绍
- 优化login.vue代码,减少代码量,将动态路