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
}