此案例主要实现了一个功能是，在vue实例首次运行时，在加载了login和404两个路由规则，登录成功后，根据登录用户角色权限获取该角色相应菜单权限，生成新的路由规则添加进去。 做过后台管理系统都一定做过这个功能，在对菜单权限进行粗粒度权限控制的时候，通过角色获取菜单后，异步生成菜单，所以一开始拿到需求的时候，我也以为这和平常的没什么不同，不过做起来就发现了很多问题， 1.vue-router的实例，在new vue实例的时候，就加载了，且必须加载，这个时候，登录路由一定要加载，可是这个时候没有登录，无法确定权限 2.路由规则与菜单的同步 解决思路演化，菜单和路由同步，肯定是采用了vuex，一开

Vue vben管理员 English | 介绍 Vue Vben Admin是一个免费的开源中端和后端模板。 使用最新的vue3 ， vite2 ， TypeScript和其他主流技术开发，开箱即用的中端和后端前端解决方案也可以用作学习参考。 特征 最新技术发展水平：使用诸如Vue3 / vite2之类的前端前端技术开发 TypeScript ：应用程序级JavaScript语言 主题：可配置的主题 国际：内置完整的国际化程序 模拟服务器内置模拟数据方案 权限内置完整的动态路由权限生成方案。 组件多个常用组件被封装两次 预览 完整版中文网站 完整版本的github站点 简体中文网站 pages-简化的github网站 测试帐号：vben / 123456 使用Gitpod 在Gitpod（适用于GitHub的免费在线开发环境）中打开项目，并立即开始编码。 文献资料 准备 和项目开发

功能 注册登录功能，使用rsa非智能智能传输用户登录信息至服务端，对密码进行sha256智能后用户存储信息至数据库。 聊天室在线聊天功能，基于socket.io-client实现。 支持多种消息类型，包括文本/表情表情/长按头像艾特/发送表情包/...待增加。

加快Vue项目的开发速度

Vue3.0 +TS ，使用新版Vuex 和 Vue-Router 全家桶让你学会一个基本的组件库的开发思路和技巧。接入真实后端API，提供抓住前后端分离开发痛点 - 权限管理，路由控制，全局Store 结构设计，前端缓存实现等

Vuex 基本使用 demo 源码

Vuex 模块源码

j 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。

基于vue2.0 +vuex+ element-ui后台管理系统

声明：所有的接口都是爬进豆瓣的电影，该项目只是用作个人练习和学习使用，不涉及任何商业用途。如果替换，请及时联系本人，本人会尽快删除。 分支说明（移动端各种方案） 1.dev-flexible 手淘自适应 2.dev 采用antd高清方案自适应 3.dev-vm 采用vm自适应（具体的参数还未调整，具体什么坑，还没注意到）====》 取消vm的适配方案，采用px实现， vue + vuex尝试 前端技术迭代很快，所以作为一个前端，我们需要不停学习，此项目用来练习Vue技术栈（react技术栈请转=> ） vue + vuex 1.尝试构建vue程序 2.webpack 4.0 3.夹板