流浪のwolf

摘要： 使用场景：我们开发项目的时候，会遇到组件之间的切换，一般都是创建组件销毁组件来回切换 ；但是现在需求是切换组件的时候，另一个组件不会销毁； 基于这个需求 ，我们使用 keep-live 组件包裹起来要切换的组件 ； keep-live 是 vue 内置的组件 ，避免组件被重新渲染 ； keep-li 阅读全文

摘要： 为什么引进 mixins 随着项目的开发，组件越来越多 ，这就导致了在各个组件中需要编写功能相同的代码段，重复地定义这些相同的属性和方法，导致代码地冗余，还不利于后期代码的维护 混入mixins 的创建 ：在 src 创建 mixins 文件 - list.js 文件 在 list.js 文件中 抽 阅读全文

摘要： ps：按钮权限控制 是给所有的按钮都要做判断 ，定义一个判断方法 ，此方法是一个全局的方法 ，可以使用 混入 mixins 定义方法 ； 注意混入 分为 全局混入和局部混入 ；此处使用全局混入定义 checkPermission方法判断按钮是否有权限 ； 逻辑 ： 1. 需要给每一个按钮设置一个按钮 阅读全文

摘要： 原因：用户登录的时候没有清除 routes（依赖routes渲染菜单） 和 重置 userAsyncRoutes （动态路由） vuex 的数据不会丢失 ，刷新才会丢失 ；所以退出并不会清除vuex的数据 ； 退出逻辑 重置路由规则 routes & 重置 路由实例 router ； 阅读全文

摘要： ps：404 页面一定要放在最后 ， { path: "*", redirect: "/404", hidden: true } ，在创建路由实例的时候，加载路由规则 routes 的时候默认把 404 页面放在最后 ，但是使用 addRoutes 之后 404 页面就不再最后了 ，所以刷新页面的时 阅读全文

摘要： ps：服务器返回用户的权限标识 ； 主要在登录的时候判断用户的权限 1. 左侧菜单显示 2. 路由的页面跳转 - 使用 addRoutes 增加动态路由规则并注入路由实例 router ；实现位置：在前置路由守卫中，和登录判断一块的 ； permission 文件实现 前置路由守卫 是否登录（tok 阅读全文

摘要： 使用 mixins 混入 的目的 ：复用代码，维护代码 ； 局部混入： 全局混入 + 按钮权限控制 ： ps：定义一个方法 ，checkPermission （str） str 是按钮的权限标识 ， 服务器返回给我某个用户的按钮权限标识数组 points 如果 points 包含按钮的权限标识 st 阅读全文

摘要： rbac role base access control 是基于角色的权限控制 ；角色是用户和权限的中间桥梁 ；不同的角色有不同的权限 ； 不同的用户有不同的角色 ，所以用户用户角色拥有的权限 ； 给用户关联角色 ； 1. 暴漏弹框 2. 显示所有的角色 3. 回显用户拥有的角色 4. 确认修改提 阅读全文

摘要： mvvm 是Model-View-ViewModel 数据驱动视图模型，是mvc 的改进版 ，mvvm把界面ui和业务逻辑分离 ，model 是data属性的数据 ， view 是模板结构 ，viewmodel是vue实例 ； 阅读全文

摘要： vue 是创建用户界面的 js 框架 ，是创建 spa 应用的框架 ；使用 mvvm 模式，数据驱动视图模型 ，业务逻辑和页面解构分离开发；使用高效的 diff 算法渲染页面结构 ； 采用组件化模式，提高代码复用率、且让代码更好维护 阅读全文