VUE不同参数不同路由？

Question

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

　　请问各位大佬，哪一种方案更常用?第二种方案如何实现？通过if else或者switch跳转不同的路由吗？除了这两种意外还有没有其他的更好的解决方案？
　　
　　

Answer 1

1. 所有角色的用户跳转到同一个页面，并通过路由传入用户id或者角色信息，在页面内根据参数查询并显示不同的用户信息。这种方案存在的问题是用户信息页面太臃肿。

这种方案可取，但针对用户信息页面太臃肿这个问题。

方案：可以跳转到同一个页面后，相同的部分放在父组件，把不同角色的特殊功能点抽离成子组件，根据用户的类型的不同分别调用响应子组件。就很清晰，而且也好维护（只有一个路由，需求更改也只需维护相应子组件），这其实也是你方法1和方法2的结合；

Answer 2

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

Answer 3

第一种方案是常用的方式吧。
用户信息页面只用一个页面是最合适的吧，而且在用户信息页面，应该绝大部分的数据格式是差不多的，所以写一套模板html，往里面填数据就行了吧。用户信息页面太臃肿这个问题我没明白，可以解释下吗