vue中用动态组件实现选项卡切换效果

<div class="tab-title"> 
      <p @click="a='tab1'"><router-link to='/collectnewcars'>新车</router-link><em></em></p>
      <p @click="a='tab2'"><router-link to='/collectusedcars'>二手车</router-link><em></em></p>
      <p @click="a='tab3'"><router-link to='/collectproducts'>车品</router-link></p>
    </div>

<div class="tabs">
  <ponent is:="current"></ponent>
</div>

<tab1></tab1>
<tab2></tab2>
<tab3></tab3>

//数据里面
data (){
  return {
    a:'tab1'   //默认显示tab1子组件
  }
}
ponents:{
  'tab1':tab1,
  'tab2':tab2,
  'tab3':tab3
}