vue-admin-templatevue轻量级后台管理系统基础模板在线预览相关依赖vue-routeriviewaxios功能登录页一周七天自动切换不同的壁纸(建议自己配置)标签栏点击标签切换页面刷新当前标签页关闭其他标签/关闭所有标签侧边栏伸展/收缩页面宽度过小自动收缩多级菜单(利用iView组件)用户相关消息通知用户头像基本资料其它利用axios拦截器 实现了ajax请求前展示loading 请求结束关闭loading注意源码可见 并且添加了必要的注释 可以自行更改为了实现标签栏切换页面 有一个要求必须是要遵守的:Index.vue的data数据里有一个nameToTitle属性nameToTitle: { Table: ‘表格’, Password: ‘修改密码’, UserInfo: ‘基本资料’, Msg: ‘查看消息’, Home: ‘首页’}其中key是组件的名称 值是要展示在标签栏上的标题 其中组件的名称和路由的名称必须要一一对应假如你有一个组件是Home.vue name为Home 在路由的index.js它的name也必须是Homeconst Home = () => import(’@/components/Home/Home’)export default new Router({ routes: [ { path: ‘/home’, name: ‘Home’, component: Home, } ]})市面上有大量的vue后台管理系统模板 但是功能都太丰富了 而且有很多组件用不上 所以写了这么一个最基础的 只有必要功能的模板UI库使用的是iView 有大量的组件可用使用下载git clone git@github.com:woai3c/vue-admin-template.gitcd vue-admin-templatenpm i开发npm run dev打包npm run build如果对你有帮助,请给个Star