qq_49080239的博客

将所有路由进行分组，常量路由（任何角色都可以访问的菜单），异步路由（需要管理员分配的菜单），任意路由（不确定会出现，当满足条件时才出，如404）。使用数组的filiter方法过滤出异步路由的路由名与服务器返回数组内一样的字符串，此时返回true，得到了新的数组，然后将新的数组与常量路由和任意路由利用concat方法拼接成最终路由。当登录时，向服务器发送登录用户的信息，服务器会返回一个数组routes，数组由该用户需要访问的路由名称字符串组成。grid中的left，top，right，bottom都设为0。

全局组件三级联动以及它的自定义事件1、静态 2、接口 3、发请求获取数据并保存 4、完成分页器1、三个模块的切换展示2、静态 3、接口 4、修改分类发送请求获取数据5、点击保存按钮时6、展示数据、收集数据 删除分类 1、接口 2、动态 3、发请求1、当跳转至性情实例页面时，就立即获取详情数据2、数据展示和收集数据3、点击保存或取消按钮 （1）接口 （2）取消添加时，利用自定义事件，父组件通知子组件切换场景，并且清除数据 （3）整理收集的数据 （4）发请求，成功之后切换场景1、接口 2、给按钮绑定

1、封装为全局组件 2、使用element-ui设置静态样式 3、接口 4、组件挂载完毕发送请求，获取数据 5、数据展示 平台属性展示 子组件通过自定义事件向父组件传递数据 根据收集的id获取数据并展示 1、接口 2、发请求获取数据 3、静态 4、数据展示 添加属性 1、让添加属性和原本展示的模块进行动态展示与隐藏2、添加属性静态页面 3、收集属性名与属性值 （1）接口 (2)属性名使用v-model进行收集 (3)属性值收集，书写添加属性值的回调(4)当点击取消按钮(5)修改属性，此时需要用到深

build----index.js： 是webpack配置文件mock：mock数据的文件夹【模拟一些假的数据】，实际开发利用的是真实的接口node_modules：项目依赖的模块public：ico图标，静态页面，该文件夹里面经常放置一些静态资源，而且在项目打包的时候webpack不会编译这个文件夹，原封不动的打包到dist文件夹里面src：---- 程序员源代码的地方---- api文件夹：涉及相关请求。

适用场景：子组件给父组件传递数据事件注意事项：（1）事件分为系统事件和自定义事件（2）事件源、事件类型、事件回调（3）当给组件添加事件，由于该组件非原生DOM节点，所以此时绑定的事件都非原生DOM事件，而是自定义事件。当给组件添加click事件时，可以添加native属性，则可将自定义事件改为原生DOM事件，即给子组件的根组件绑定了原生DOM事件，利用了事件的委派。（vue3此功能已经被移除）