vue-authorized：Vue3基于ABAC的权限验证组件

访问官网 →

【Github】项目名：vue-authorized：Vue3基于ABAC的权限验证组件

项目简介

vue-authorized是一个用于Vue3的组件，它基于基于属性的访问控制（ABAC）进行权限验证。该项目的开源协议为MIT license，它拥有231个stars和50个forks。

安装与使用

安装方式为npm i vue-authorized-S或者yarn add vue-authorized。在使用方面，它有多种情况。例如，authority参数可接收string/Array/number/boolean类型的数据，如果是数组则任意一个匹配就能验证通过，如在模板中可以这样使用：

。还可以从API获取权限集，像这样：fetch(‘/permissions’).then(res => {const permissions = res.json();Authorized.setPermissions(permissions)});通过API的Authorized.checked也能验证权限，并且可以接收第二个参数target（默认为true，权限通过则返回target），如const hasPerm = Authorized.checked(‘user:add’)。此外，还可以接收插槽no-match，在没有权限的情况下显示内容，如，无权限时也可传入null或空数组，如Authorized.setPermissions(null)或者Authorized.setPermissions([])。

项目总结

vue-authorized为Vue3的权限验证提供了基于ABAC的解决方案，方便开发者在项目中进行权限管理相关的操作。如果你对这个项目有任何想法或者建议，欢迎在下方留言参与讨论。

项目地址

GitHub链接直达