摘要：
动态加载菜单之前的导航树已失效。在实际应用中，它需要在从后台服务器获得菜单数据后动态生成。现在重命名为api作为一个集合文件，js将所有相关接口传输到新的文件夹模块中。模块化后，模块接口被写入相应的模块接口文件login.jsapi中。js，因为导出的登录名在api中。js是这样的$应用程序编程接口。登录。xxx（）页面接口调用MenuBar Vue加载菜单并将其存储在存储中。确保每个跳都有动态菜单和路线。这避免了在页面未刷新时发送重复加载。
动态加载菜单
之前的 导航树 是写死的，实际应用中需要从后台服务器获取菜单数据之后动态生成。
之前的mock已经准备好了模拟数据
接口模块化
之前说过，当接口变多时，放在一个 interface.js 中不方便维护。
现在改名为 api.js 作为集合文件，将里面的 相关接口 都转入新的文件夹 modules 里面。
模块化之后，模块接口写在相应的模块接口文件中
login.js
api.js
因为导出的是 api.js 里面的 login 使用时 就是 this.$api.login.xxx()
页面接口调用
MenuBar.vue 加载菜单并存入 store。
这里 还要 保证路由和导航栏动态加载，直接选择在 路由守卫 beforeEach 函数内加载。保证每次转跳时都有动态菜单和路由。但是有个问题，每次都刷新性能消耗太大。。
在加载之前先检验store的加载状态。这样避免在非页面刷新的情形下发送重复加载。