vue2项目，当一个页面需要综合很多条件加载视图和逻辑时该怎么办？？？

Question

项目是一个后台管理数据库项目，其他人员可以通过平台对数据库进行操作。之前项目只有两种权限，只能操作线上环境的数据库。所以目前方案是根据不同权限隐藏或显示按钮。缺点是实际代码已经存在与文件中，对于没有权限的用户加载了多余的代码。

现在需求如下：

1. 权限会达到4种，不同的权限对应的视图不一样
2. 平台能操作环境的数据库增加到3种：线上，预发，开发；全局会存在一个按钮可以切换操作环境，每个环境对应的视图和操作逻辑可能不同。

希望解决：

1. 根据不同权限，配置视图，避免不必要的代码
2. 全局环境切换时，分别加载对应的操作逻辑
3. 希望能尽可能的复用代码，不需加载不必要代码，扩展性强