局部组件替换的问题

一个页面有很多标签,我想点击某个标签之后,在页面局部替换成为某个组件,再点击其他标签的时候,还是在这个组件的位置替换,应该怎么写。image
比如说,点击a标签让d这个模块消失,然后点击b再次显示另一个模块,而标签有很多,如何写路由和用什么方法。
小白一个,请勿喷

1:定义activeLabel变量
遍历标签,标签绑定点击事件,事件将index赋值给activeLabel
局部组件使用activeLabel控制显示
2:路由显示
标签点击事件进行路由跳转
this.$route.push({path: ‘’, query: {}})