【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类型的数据，如果是数组则任意一个匹配就能验证通过，如在模板中可以这样使用：<Authorized authority=”user:add”><div>有权限则显示</div></Authorized>。还可以从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，在没有权限的情况下显示内容，如<template><Authorized authority=”user:add”><div>有权限则显示</div><template v-slot:no-match>无权限</template></Authorized></template>，无权限时也可传入null或空数组，如Authorized.setPermissions(null)或者Authorized.setPermissions([])。
项目总结
vue-authorized为Vue3的权限验证提供了基于ABAC的解决方案，方便开发者在项目中进行权限管理相关的操作。如果你对这个项目有任何想法或者建议，欢迎在下方留言参与讨论。
项目地址
数据统计
数据评估
本站链氪巴士提供的vue-authorized：Vue3基于ABAC的权限验证组件都来源于网络，不保证外部链接的准确性和完整性，同时，对于该外部链接的指向，不由链氪巴士实际控制，在2024年12月6日 上午12:00收录时，该网页上的内容，都属于合规合法，后期网页的内容如出现违规，可以直接联系网站管理员进行删除，链氪巴士不承担任何责任。
相关导航
xusenlin/vue - element - ui - admin是一个基于Vue3(ScriptSetup)+TS+Vite+ElementPlus+Pinia+VueRouter+Axios的后台模板。它做了目录结构的整理和常用方法的封装，具有开箱即用的特点。在这个项目中，Axios处理方便，适用于json、formData、文件上传操作，分页采用vue3的单文件ScriptSetup封装能快速接入业务。使用极轻的Pinia，有不同功能的stores。Router系统的路由功能丰富，支持菜单相关的多种配置，打包环境也支持多种情况。整个项目追求极简实用，是一个不错的后台模板项目。
