# tyro-vue-element-admin

**Repository Path**: ccscript/tyro-vue-element-admin

## Basic Information

- **Project Name**: tyro-vue-element-admin
- **Description**: 基于vue-element-admin二次开发，完善注释
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-12-20
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# tyro-vue-element-admin

基于vue-element-admin二次开发，完善注释。

## 开发规范

页面级组件命名规则为小写，如login，home，若多个单词则用-连接，如：edit-user,add-user。普通组件则用大驼峰命名规则，如Count,AddCount。

## 目录结构

### src/router

声明公共路由以及需权限匹配的动态路由

### src/App.vue

应用跟组件，包含一个router-view

### src/main.js

应用入口，引入全局样式，element-ui，router，vuex，注册全局过滤器。

### permission.js

权限控制，主要作用

- 通过全局前置守卫，添加页面加载进度条
- 通过全局前置守卫，修改document.title
- 通过全局前置守卫，动态添加用户权限相匹配的路由，若不存在权限则跳转到登录页

### @/utils

- auth.js 

将用户token保存到cookie中，auth.js提供了该cookie的增删改查方法。