讲解仓库管理系统中前端侧边栏的实现方案。通过后端接口获取权限菜单信息，利用 Vuex 进行集中式状态管理存储路由数据，并在前端 Aside 组件中渲染菜单。同时结合 Vue Router 动态添加路由，实现基于用户角色的菜单与页面访问控制。
添加菜单表，使用集中式状态管理 vuex，自动生成动态路由。
先前通过手动在/router/index.js 中配置路由，然后通过模拟菜单数据，使用 v-for 渲染菜单。
在 vue-router 对象中首先初始化公共路由，比如（404，login）等，然后在用户登陆成功，根据用户的角色信息，获取对应权限菜单信息 menuList，并将后台返回的 menuList 转换成我们需要的 router 数据结构，然后通过 vue-router 新添的 router.addRouter(routes) 方法，同时我们可以将转后的路由信息保存于 vuex，这样我们可以在我们的 Aside 组件中获取我们的全部路由信息，并且渲染我们的左侧菜单栏，让动态路由实现。
CREATE TABLE `menu`(
微信公众号「极客日志V2」，在微信中扫描左侧二维码关注。展示文案：极客日志V2 zeeklog
查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具，Keycode 信息在线工具，online
JavaScript 字符串转义/反转义；Java 风格 \uXXXX（Native2Ascii）编码与解码。 在线工具，Escape 与 Native 编解码在线工具，online
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具，JavaScript / HTML 格式化在线工具，online
Terser 压缩、变量名混淆，或 javascript-obfuscator 高强度混淆（体积会增大）。 在线工具，JavaScript 压缩与混淆在线工具，online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online