注意事项：写法从extend替换成了createApp 阅前须知： vue2 和 vue3 的书写方式有点不一样 vue2 是 extend 去生成实例去挂载， vue3 不再支持 extend 了，

可以看到需要一大段的html来定义，还要控制显示隐藏的变量，显示隐藏的方法。需要非常多的代码片段来支持，会使我们的组件变得非常杂乱，只为了一个提示弹窗，而且既然是项目的提示弹窗，那么基本在很多地方都会用到，这样一个组件一个组件去写肯定不是办法。 这样在调用弹窗的地方还是要定义变…

1. 目录 2. redux简介 redux是react全家桶的一员，它试图为 React 应用提供「可预测化的状态管理」机制。 3. 安装 4. redux核心 State的变化，会导致View的变化。但是，用户接触不到 State，只能接触到View 所以，State的变化…

reducer：不需要引入外部包，本身是一个执行函数，根据action.type属性来判断该如何执行，将函数暴露出去，函数有两个形参，state：表示当前最新的状态，第一次执行时（在创建阶段）需要设置一个默认状态。action：也就是告知reducer如何执行

权限不同所能做的操作也会不同，因此权限可以控制在按钮级别，通过 v-if 可以来判断按钮的存在与否，在这里给大家推荐一种高端大气上档次的写法 自定义指令 在 main.js 里面定义全局自定义指令

后端生成当前用户相应的路由后由前端（用 Vue Router 提供的API）addRoutes 动态加载路由。 前端写好所有的路由，后端返回当前用户的角色，然后根据事先约定好的每个角色拥有哪些路由对角色的路由进行分配。 第二种，相对于第一种，前端相对会自由一些，但是如果角色权限…

这是我参与8月更文挑战的第12天，活动详情查看：8月更文挑战 通常我们在vue项目中都是前端配置好路由的，但在一些项目中我们可能会遇到权限控制，这样我们就涉及到动态路由的设置了。 动态路由设置一般有两

基于vueelement-ui的tree控件改装的可编辑，添加，删除带线性结构的tree组件不多说直接上图1.总体预览2.编辑3.新增4.删除5.提示6.上代码vue-tree

RBAC（Role-Based Access Control，基于角色的访问控制），就是用户通过角色与权限进行关联。 简单地说，一个用户拥有若干角色，每一个角色拥有若干权限。这样，就构造成“用户-角色-权限”的授权模型。在这种模型中，用户与角色之间，角色与权限之间，一般者是多对…