# vuetify-admin-template

**Repository Path**: iamjyding/vuetify-admin-template

## Basic Information

- **Project Name**: vuetify-admin-template
- **Description**: 基于Vuetify的后台管理模板。 https://github.com/dingjinyang/vuetify-admin-template.git
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://dingjinyang.gitee.io/vuetify-admin-template/
- **GVP Project**: No

## Statistics

- **Stars**: 22
- **Forks**: 9
- **Created**: 2020-02-28
- **Last Updated**: 2025-02-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vuetify-admin-template

[在线预览](https://dingjinyang.gitee.io/vuetify-admin-template/)

> 基于 Vue.js 的组件库 Vuetify 构建的前端管理系统模板，使用 Vue.js + Vue Router + Vuex，第三方库有：Vuetify & Axios & Mock & ESlint

> 想法与实现借鉴于 [PanJiaChen / vue-admin-template](https://github.com/PanJiaChen/vue-admin-template)
> ]

项目基于 vue@2.6.10，vue-router@3.1.3，vuex@3.1.2，@vue/cli 4.1.2 构建

## 为什么选用 Vuetify

1. Vuetify 基于 [Material Design](https://material.io/guidelines/)设计，个人感觉比较好看
2. 丰富的组件库（82+）和长期支持
3. Vuetify 在组件设计上做了很多默认配置，省去很多工作，组件属性上也高度自定义

## 基本功能

- 自适应布局，编码时尽可能的考虑 PC 端和移动端的布局与展示，提高用户体验
- 递归侧边栏结合无限嵌套路由，适用动态嵌套路由
- 根据路由表中的角色属性动态生成路由表及侧边栏
- 基于 mockjs 的前端数据