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"> <component is:="current"></component></div>

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

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