Vue2X中在父组件点击切换不同子组件，改怎么实现呢？

Question

我点击 tab1 tab2 tab3
切换下面的子组件

<ul class="tabLive">
                    <li @click="Table(1)">tab1</li>
                    <li @click="Table(2)">tab2</li>
                    <li @click="Table(3)">tab3</li>
                </ul>
                
        components:{
            Tab1,Tab2,Tab3
        },

//子组件 Tab1
<div>我是table1的内容</div>
//子组件 Tab2
<div>我是table2的内容</div>
//子组件 Tab3
<div>我是table3的内容</div>

我怎么让下面登记对应切换呢？

Answer 1

已解决
<component :is="flag"></component>
flag:Tab1

点击的时候切换这个 flag就可以

Answer 2

可以使用动态组件,点击时改变tab值即可

<component :is="tab"></component>