vue动态显示隐藏组件如何实现

Question

想实现一个后台管理的单页应用，已知红蓝黑分别是三个不同的组件，他们的结构和页面如下

想实现通过点击左侧导航栏的li来切换黑色部分的组件，实现下图的结果

请问这样的话需要用到vue-router吗
vue入门萌新小白，求指教

Answer 1

1.如果黑色部分都是差不多，那传个参数区别下就好了
2.如果黑色部分差别很大无法共用的话，就动态组件吧，这种标签切换没必要换路由

<component v-bind:is="currentTabComponent"></component>

Answer 2

https://github.com/iview/ivie... 你下载个项目就可以啊