请各位大佬指点！VUE不同参数不同路由？怎么回事哈啊？

Question

现在遇到一个问题，有一个用户列表，里边有不同角色的用户。点击查看用户信息将跳转到新用户信息页面。但是不同角色的用户信息是不同的，需要不同的展示形式。于是产生了几种不同的解决方案。　　1.所有角色的用户跳转到同一个页面，并通过路由传入用户id或者角色信息，在页面内根据参数查询并显示不同的用户信息。这种方案存在的问题是用户信息页面太臃肿。　　2.根据不同的用户角色跳转不同的页面。这种方案，我不知道如何实现，根据不同的参数跳转不同的页面。而且分成多个页面之后好像不太容易维护（页面起名字很困难囧），多个页面调用的查询接口是一致的或者类似的，返回的数据不同，数据展示形式不同。　　请问各位大佬，哪一种方案更常用?第二种方案如何实现？通过ifelse或者switch跳转不同的路由吗？除了这两种意外还有没有其他的更好的解决方案？　　　　

Answer 1

所有角色的用户跳转到同一个页面，并通过路由传入用户id或者角色信息，在页面内根据参数查询并显示不同的用户信息。这种方案存在的问题是用户信息页面太臃肿。
这种方案可取，但针对用户信息页面太臃肿这个问题。
方案：可以跳转到同一个页面后，相同的部分放在父组件，把不同角色的特殊功能点抽离成子组件，根据用户的类型的不同分别调用响应子组件。就很清晰，而且也好维护（只有一个路由，需求更改也只需维护相应子组件），这其实也是你方法1和方法2的结合；
                            

Answer 2

一般用第一种方案，因为路由最好用一个比较好维护。另外第一种的可以把不同用户角色的页面封装成不同的组件引用，这样的话维护也比较容易。