1、使用 Vue 和 Elementul 构建用户界面，实现交互功能和数据展示； 2、利用 Axios 进行前后端数据交互，确保数据的准确传输和处理； 3、基于 Vue-router 和路由守卫处理接口菜单数据，构建动态路由，根据不同角色展示不同菜单，获得当前 登录用户的权限编码做全局导航守卫来判断是否可以跳转对应路由，实现角色权限控制效果； 4、根据项目需求对 Element-ui 组件进行二次封装，实现功能需求开发，例如基于 Element-ui 的表单组件进 行了抽离封装，把单行文本、多行文本、单选、多选等多种表单类型都抽离整理在表单生成组件里，通过调用 函数时传入不同的表单类型 type 以及其他参数 props，利用 v-if 判断 type 即可生成不同的表单组件，一行 代码生成表单，大大减少重复写表单组件的代码量； 5、由于 Vue2 的数据劫持存在只能对现有对象属性的监听，没法对新添加的属性进行监听，所以使用$set 动 态添加响应式数据，并通过封装深拷贝函数对数据复制，防止影响源数据；