项目作者: lankongmoxing
项目描述 :
基于vuetify 1.5 和 vue cli3搭建的物料后台
高级语言: Vue
项目地址: git://github.com/lankongmoxing/vue-vuetify-admin.git
vuetify-admin
vuetify ui 2.0.15 vue cli 3 vue 2.6.10 安装/启动/打包命令见 package.json
已完成
vuex store 模块
- 采用模块形式 + 命名空间,使得各个模块更具有封装性
权限模块
- router.addRoutes() 动态添加路由。即在vue实例化之后,添加异步路由
- src 根目录下的 guard.js 全局路由前置守卫,进行跳转处理。包括刷新页面的逻辑
页面布局
- app.vue 利用 vuetify 提供的组件进行自由搭建
- 在 app.vue中使用 包裹,将侧边栏,导航栏等组件放置 components/layout/ 中
路由侧边栏
根据路由表以及自定义规则生成菜单,mapGetter导出 如果跳转路由和当前路由一致,则不做跳转
icon组件
将svg封装成组件 svgo 只获取展示svg必须的path
待完成
vuetify 引用说明
- 最新版本的vuetify在vue中的引用说明文档