关于单页面复用的问题，新手搞不懂

Question

这是页面的样式，左边导航栏是一个组件，右侧是页面：

左侧有好几个子菜单点击产生的页面都是这个页面，但是渲染的数据不同，怎么区分复用，渲染不同的数据
这是左侧导航栏的数据：
。
要跳转的页面给有href地址，这是组件DOM结构：

该怎么区分渲染呢？
接口也不一样：

Answer 1

把变化的参数从url里面传进去，列表页取url里面的参数来判断要请求哪个接口

另外你这个template这样写也太累了，可以换成我这种方法，我这个项目也没有用webpack，直接引入cdn的vue