如何通过Vue实现基于按钮的细粒度权限控制方案？

本文共计2194个文字，预计阅读时间需要9分钟。

展示：初期开发一个中后台管理系统，功能涵盖产品、客服、市场等部门。初始版本中，我与后端配合使用了花瓣手绘系列的权限方案，初期体验非常满意，但速度慢了一些。

演示

在年初开发一个中后台管理系统，功能涉及到了各个部门（产品、客服、市场等等），在开始的版本中，我和后端配合使用了花裤衩手摸手系列的权限方案，前期非常nice，但是慢慢的随着功能增多、业务越来越复杂，就变得有些吃力了，因为我们的权限动态性太大了

• 手摸手系列权限方案是有比较清晰的权限划分的，而我们公司部门的岗位职责有时比较模糊。
• 后端采用RBAC权限方案，为了达到第1点要求，将角色划分的很细，并且角色有时频繁变动，导致每一次前端都需要手动维护
• 为了解决上面2个痛点，我将原方案进行了一丢丢改造。